\u00a1Un sitio optimizado para dispositivos m\u00f3viles no solo permitir\u00e1 que m\u00e1s visitantes usen diferentes dispositivos, sino que tener un sitio web optimizado para dispositivos m\u00f3viles tambi\u00e9n es crucial para el SEO (optimizaci\u00f3n de motores de b\u00fasqueda, consulte el siguiente elemento)! Google prioriza los sitios que son compatibles con dispositivos m\u00f3viles en sus resultados de b\u00fasqueda. Y en marzo de 2020 anunciaron que Google cambiar\u00e1 a la indexaci\u00f3n m\u00f3vil primero para todos los sitios web en septiembre de 2020<\/a>.<\/p>\n La optimizaci\u00f3n de motores de b\u00fasqueda (SEO) es crucial en estos d\u00edas para aquellos que desean que los visitantes visiten su sitio. Debe hacer que su sitio web se clasifique lo m\u00e1s alto posible en los motores de b\u00fasqueda como Google para esperar que los visitantes se conviertan en clientes. Sin SEO, su sitio web se ahogar\u00e1 en miles de millones de otras p\u00e1ginas web de la competencia y nadie sabr\u00e1 o encontrar\u00e1 su sitio web.<\/p>\n El SEO se trata de optimizar su sitio web para aumentar la cantidad y la calidad del tr\u00e1fico a su sitio. Esto incluye temas como el contenido, los aspectos t\u00e9cnicos y c\u00f3mo el exterior ve, usa y revisa su sitio. Es un tema bastante extenso, pero para esta lista de verificaci\u00f3n me estoy enfocando en los aspectos t\u00e9cnicos.<\/p>\n Lo m\u00e1s probable es que use (deber\u00eda) usar un complemento de SEO. Por ejemplo , Yoast SEO<\/a> es el complemento SEO m\u00e1s conocido y utilizado para WordPress. Tiene una versi\u00f3n premium, pero la versi\u00f3n gratuita est\u00e1 perfectamente bien. Un complemento de SEO deber\u00eda permitirle definir t\u00edtulos, metadescripciones, palabras clave y generar mapas de sitios de motores de b\u00fasqueda. Yoast SEO tambi\u00e9n analizar\u00e1 el contenido de su publicaci\u00f3n y le dar\u00e1 consejos sobre c\u00f3mo mejorar su escritura para obtener una clasificaci\u00f3n m\u00e1s alta.<\/p>\n Pero hay un par de cosas que debe verificar dentro del tema, algo que un complemento de SEO no puede solucionar.<\/p>\n Una buena estructura HTML juega un papel importante en hacer que un tema sea compatible con SEO. HTML es la estructura del contenido de una p\u00e1gina web, independientemente de su estilo. El estilo puede ocultar una estructura HTML incorrecta, pero tenga en cuenta que los rastreadores de Google leen el sitio web sin estilo.<\/p>\n Una regla importante en una buena estructura HTML son las etiquetas de encabezado; El tema tambi\u00e9n debe usar etiquetas HTML5 m\u00e1s nuevas, como Otra caracter\u00edstica muy infrautilizada es el marcado de esquema, a menudo denominado microdatos. El marcado de esquema<\/a> es una tecnolog\u00eda para ayudar a los bots y rastreadores a comprender qu\u00e9 es el contenido. Envolver la informaci\u00f3n del producto con el marcado de esquema hace posible que Google sepa espec\u00edficamente d\u00f3nde puede encontrar el precio, las rese\u00f1as, la imagen del producto y m\u00e1s. Eso le permite a Google presentar productos de una manera diferente en los resultados de b\u00fasqueda. Desafortunadamente, es poco com\u00fan encontrar esto en un tema de WordPress, pero si encuentra un tema con marcado de esquema, es una buena pista de que el desarrollador del tema ha tenido SEO en mente.<\/p>\n Finalmente, el tema debe asegurarse de generar etiquetas adecuadas en incrustaciones de contenido enriquecido, especialmente im\u00e1genes. Las im\u00e1genes deben tener como m\u00ednimo La velocidad de carga de su sitio web es muy importante para el SEO. No deber\u00eda tomar m\u00e1s de 5 segundos terminar de cargar una p\u00e1gina en su sitio web. El tema puede optimizar la velocidad de la p\u00e1gina de m\u00faltiples maneras.<\/p>\n Tenga en cuenta que un tema puede implementar recursos pesados \u200b\u200by, a veces, externos para que se vea elegante. Por ejemplo, fuentes personalizadas, \u00edconos y un mont\u00f3n de elementos interactivos. Las solicitudes de hojas de estilo, archivos javascript y especialmente recursos externos como, por ejemplo , GoogleFonts<\/a> para fuentes y Fontawesome<\/a> para iconos, realmente reducen la velocidad de la p\u00e1gina.<\/p>\n El tema tambi\u00e9n debe admitir el cambio de tama\u00f1o de las im\u00e1genes que carga en diferentes tama\u00f1os, y usarlas de acuerdo con los tama\u00f1os de imagen necesarios para su contenido. Cargar im\u00e1genes grandes es uno de los mayores inconvenientes de la velocidad de p\u00e1gina. No tiene sentido usar una imagen a escala completa con un ancho de 1900 px para una peque\u00f1a miniatura en el pie de p\u00e1gina.<\/p>\n Puedes comprobar la velocidad de la p\u00e1gina con otra de las herramientas gratuitas de Google: PageSpeed \u200b\u200bInsights<\/a>. Ingrese la URL del sitio de demostraci\u00f3n del tema y haga clic en Analizar. Deje que funcione y se le debe presentar una calificaci\u00f3n y un informe de las cosas que puede hacer para solucionar cualquier problema que reduzca la velocidad de la p\u00e1gina. Recuerde consultar los informes de dispositivos m\u00f3viles y de escritorio. La velocidad de p\u00e1gina en dispositivos m\u00f3viles es m\u00e1s importante en estos d\u00edas; tanto porque los dispositivos m\u00f3viles a menudo usan datos m\u00f3viles (que cuestan dinero) como porque la facilidad de uso m\u00f3vil es importante. No te saltaste el elemento anterior de la lista de verificaci\u00f3n, \u00bfverdad?<\/p>\n La accesibilidad es hacer que su sitio web sea accesible para todo tipo de visitantes, incluidos aquellos con discapacidades, ya sea que tengan o no problemas de audici\u00f3n, problemas de visi\u00f3n y m\u00e1s. Existe un conjunto internacional de pautas llamadas Pautas de accesibilidad al contenido web (WCAG) que describen c\u00f3mo los sitios web deben implementar la accesibilidad. Al no cumplir con las WCAG, en realidad est\u00e1 violando una serie de leyes y reglamentos a escala internacional (porque los visitantes de su sitio pueden provenir de cualquier parte del mundo).<\/p>\n Las pautas describen un gran conjunto de especificaciones y requisitos t\u00e9cnicos para un sitio web. El cumplimiento de las WCAG se califica en tres niveles; A, AA y AAA. El nivel AAA es el nivel de accesibilidad aceptable m\u00e1s bajo, mientras que el nivel A se considera accesible de primer nivel, pero el nivel A impone fuertes limitaciones en el dise\u00f1o, las funciones y el contenido enriquecido. La mayor\u00eda de los sitios web, a menos que est\u00e9n dirigidos a personas con discapacidades, no se esfuerzan por alcanzar el nivel A de accesibilidad.<\/p>\n Su tema debe alcanzar el nivel AAA como m\u00ednimo. Puede verificar los niveles de accesibilidad en un sitio usando una herramienta gratuita llamada WAVE, disponible como extensiones para Chrome y Firefox<\/a>. Una vez instalado en su navegador, puede visitar el sitio de demostraci\u00f3n del tema, ejecutar la verificaci\u00f3n y verificar el informe.<\/p>\n Informe WAVE de mi sitio. \u00a1Aparentemente tengo algo en lo que trabajar!<\/p>\n WordPress tiene un editor de men\u00fa incorporado para crear men\u00fas y colocarlos alrededor de su tema. El tema que elija no solo debe ser compatible con este editor de men\u00fas, sino que tambi\u00e9n debe proporcionarle ubicaciones para colocar los men\u00fas.<\/p>\n Como m\u00ednimo, el tema debe proporcionar una ubicaci\u00f3n de men\u00fa; el men\u00fa principal. El men\u00fa principal generalmente se encuentra en alg\u00fan lugar en la parte superior del encabezado. Es com\u00fan permitir tambi\u00e9n men\u00fas adicionales en el encabezado, por ejemplo, men\u00fa de soporte. Agregar men\u00fas a otros lugares generalmente se puede resolver agregando un widget de men\u00fa, si el tema admite widgets (consulte el siguiente tema).<\/p>\n PD: \u00bfRecuerdas el elemento 1 de la lista de verificaci\u00f3n, la compatibilidad con dispositivos m\u00f3viles que menciona el men\u00fa m\u00f3vil? Vuelva a verificar que la ubicaci\u00f3n del men\u00fa principal se convierta bien en un men\u00fa m\u00f3vil. Si el tema permite men\u00fas de soporte, tambi\u00e9n deber\u00edan incluirse dentro del men\u00fa del m\u00f3vil, y no simplemente desaparecer.<\/p>\n Otra caracter\u00edstica integrada en WordPress son los widgets: peque\u00f1os fragmentos de contenido que se pueden colocar dentro de \u00e1reas de widgets definidas. Al igual que con los men\u00fas, el tema debe agregar espec\u00edficamente soporte para widgets y agregar al menos un \u00e1rea de widgets.<\/p>\n Las \u00e1reas de widgets comunes se encuentran en el pie de p\u00e1gina y en la barra lateral, si el tema presenta un dise\u00f1o de barra lateral.<\/p>\n Comprueba que el tema te permite colocar widgets donde los necesites. Es com\u00fan colocar men\u00fas e informaci\u00f3n adicionales en el pie de p\u00e1gina, y en WordPress esto generalmente se logra mediante widgets.<\/p>\n Esta es una caracter\u00edstica necesaria obvia que el tema debe admitir: debe poder cargar su propia imagen de logotipo y colocarla en el encabezado.<\/p>\n WordPress tiene una funci\u00f3n de carga de logotipos personalizados en el Personalizador, pero depende del tema agregar soporte para esto. Si el tema no es compatible con la herramienta de WordPress, debe admitir alguna forma alternativa. Muchos temas tienen su propia configuraci\u00f3n de tema, ya sea dentro del Personalizador de WordPress o como una p\u00e1gina de administraci\u00f3n independiente. Independientemente del m\u00e9todo que utilice el tema, aseg\u00farese de poder cargar su logotipo.<\/p>\n Permitir que los visitantes del sitio realicen b\u00fasquedas importa mucho m\u00e1s de lo que sol\u00eda ser. A menos que su contenido y men\u00fas est\u00e9n extremadamente optimizados y simplificados, las personas generalmente solo buscar\u00e1n en lugar de hacer clic.<\/p>\n WordPress tiene un motor de b\u00fasqueda interno para buscar todo el contenido y plantillas listas para usar para el formulario de b\u00fasqueda y los resultados de b\u00fasqueda. Pero, de nuevo, depende del tema implementar esto.<\/p>\n Es com\u00fan ofrecer una entrada de b\u00fasqueda en su sitio web, generalmente ubicada cerca de la parte superior del encabezado. La funcionalidad de b\u00fasqueda viene en muchas formas; una entrada de b\u00fasqueda en el encabezado (o pie de p\u00e1gina), o un icono de b\u00fasqueda que revela una entrada de alguna manera. Si el tema no ofrece una entrada de b\u00fasqueda autom\u00e1ticamente, siempre puede agregar un widget de b\u00fasqueda, suponiendo que el tema admita widgets (elemento 5 de la lista de verificaci\u00f3n).<\/p>\n WordPress CMS admite una amplia gama de plantillas para mostrar su contenido de diferentes maneras. A medida que su sitio crezca, le resultar\u00e1 m\u00e1s necesario apoyarse en plantillas como archivos y resultados de b\u00fasqueda.<\/p>\n Aseg\u00farese de que el tema implemente una buena cantidad de plantillas predeterminadas de WordPress y que todas se vean bien. Verifique plantillas como categor\u00eda, etiquetas, archivos de fecha y resultados de b\u00fasqueda. Deben indicar claramente qu\u00e9 tipo de archivo estamos viendo y mostrar bien el contenido y con la funcionalidad de paginaci\u00f3n.<\/p>\n Si desea habilitar los comentarios, el tema tambi\u00e9n deber\u00eda haber implementado y dise\u00f1ado correctamente estas plantillas.<\/p>\n Lo m\u00e1s probable es que tenga un conjunto definido de colores que desea usar en su sitio web, generalmente los mismos colores que se encuentran en su logotipo. La marca de su sitio con su logotipo es un m\u00ednimo (elemento 6 de la lista de verificaci\u00f3n), pero el tema tambi\u00e9n debe permitirle elegir algunos de los colores del tema. Como tal, logra un dise\u00f1o m\u00e1s coherente cuando los enlaces, botones y otros elementos de dise\u00f1o son los colores de su marca.<\/p>\n No hay soporte incorporado en WordPress para definir un conjunto de colores utilizados en el tema. Los desarrolladores de temas necesitan desarrollar soporte para esto por su cuenta. Los colores generalmente se definen en las hojas de estilo del tema y el desarrollador debe encontrar una soluci\u00f3n para anular estas variables de color con los colores elegidos por usted en el administrador.<\/p>\n Esta es una caracter\u00edstica bastante dif\u00edcil de implementar y se puede resolver de varias maneras, de buenas a malas. Una mala soluci\u00f3n ser\u00eda generar una gran parte de la sobrecarga de estilo simplemente anulando y duplicando el estilo con colores personalizados. Un archivo de hoja de estilo grande o varias hojas de estilo tienen un impacto en la velocidad de la p\u00e1gina (consulte el elemento 2 de la lista de verificaci\u00f3n). Una buena soluci\u00f3n ser\u00eda incorporar alguna forma de anular las variables de color y regenerar una hoja de estilo limpia al elegir diferentes colores personalizados.<\/p>\n Los d\u00edas en los que un sitio web presentaba contenido a la izquierda y una barra lateral derecha, independientemente de la p\u00e1gina en la que se encuentre, se han ido. Los sitios web modernos presentan diferentes dise\u00f1os: una p\u00e1gina principal de ancho completo, art\u00edculos con una o m\u00e1s barras laterales, art\u00edculos sin barra lateral o cualquier tipo de configuraci\u00f3n de columna diferente.<\/p>\n Este elemento de la lista de verificaci\u00f3n depende del dise\u00f1o y las necesidades de su sitio web. Si su sitio web es un sitio peque\u00f1o con un requisito m\u00ednimo de diferentes dise\u00f1os, esto no importa tanto. Pero cuanto m\u00e1s contenido tenga su sitio, m\u00e1s encontrar\u00e1 la necesidad de crear p\u00e1ginas de destino de diferentes dise\u00f1os.<\/p>\n Si el tema presenta una barra lateral, como m\u00ednimo deber\u00eda ser posible elegir, publicaci\u00f3n por publicaci\u00f3n, si desea o no usar el ancho completo (eliminar la barra lateral) o no. Con Gutenberg (consulte el siguiente elemento de la lista de verificaci\u00f3n), ahora es m\u00e1s f\u00e1cil crear p\u00e1ginas de destino de ancho completo, si el tema lo admite.<\/p>\n Mi tema de desarrollo propio para A White Pixel presenta opciones de dise\u00f1o para publicaciones<\/p>\n Cuando WordPress lanz\u00f3 la versi\u00f3n 5.0 en diciembre de 2018, vino con un editor de publicaciones completamente nuevo, llamado Gutenberg. El editor de Gutenberg ha revolucionado la forma en que puede crear contenido al permitirle crear f\u00e1cilmente secciones con im\u00e1genes de fondo o colores, contenido enriquecido, columnas y m\u00e1s. Cosas como esta no eran posibles antes.<\/p>\n Sin embargo, debido a que Gutenberg requiere un lenguaje de programaci\u00f3n diferente (Javascript, React) al lenguaje con el que se cre\u00f3 originalmente WordPress (PHP), el soporte en la comunidad de desarrollo ha sido lento. Sin embargo, es el a\u00f1o 2020 y el tema deber\u00eda apoyar a Gutenberg.<\/p>\n Hay una gran cantidad de temas de WordPress que se basan en creadores de p\u00e1ginas como Visual Composer, Elementor y Divi. Gutenberg pr\u00e1cticamente hace que estos complementos sean redundantes. H\u00e1gase un favor y no elija un tema que requiera un complemento de creaci\u00f3n de p\u00e1ginas, ya que puede lograr los mismos resultados con la nueva funcionalidad est\u00e1ndar de WordPress.<\/p>\n Este elemento de la lista de verificaci\u00f3n es para usted que desea un sitio web en un idioma diferente al ingl\u00e9s. No olvide que aunque escriba todo su contenido en un idioma diferente, el tema generalmente incluye algunos textos en la interfaz, como "Leer m\u00e1s", "Ver", "P\u00e1gina siguiente", etc. Si es importante para usted implementar completamente un idioma diferente para los lectores, debe verificar si el tema est\u00e1 listo para traducir.<\/p>\n Hay diferentes maneras de traducir un tema. Si es un desarrollador, se trata de usar funciones de dominio de texto en su tema y agregar un archivo Pero todo esto requiere que el tema est\u00e9 escrito con soporte para la traducci\u00f3n de sus cadenas.<\/p>\n Si lleg\u00f3 hasta aqu\u00ed con una marca verde en cada uno de los 12 elementos de la lista de verificaci\u00f3n anterior, \u00a1ha elegido un buen tema! El tema es compatible con la funcionalidad est\u00e1ndar de WordPress y cumple con los requisitos de un sitio web para 2020 en lo que respecta a SEO, accesibilidad y compatibilidad con dispositivos m\u00f3viles.<\/p>\n Si su tema tiene deficiencias en algunas \u00e1reas, invierta algo de tiempo en buscar c\u00f3mo resolverlo de formas alternativas o contin\u00fae buscando otro tema. Si es un desarrollador, esta lista de verificaci\u00f3n deber\u00eda haberle brindado algunas pautas sobre los requisitos m\u00ednimos para crear un buen tema de WordPress.<\/p>\n2 compatible con SEO<\/h2>\n
Buena estructura HTML<\/h3>\n
h1<\/code>, h2<\/code>, y as\u00ed sucesivamente hasta h6<\/code>. Los encabezados deben usarse para informar sobre una nueva secci\u00f3n y de qu\u00e9 se trata, y las etiquetas deben estar en orden (por ejemplo, su contenido no debe saltar de h2<\/code>a h4<\/code>sin un h3<\/code>punto intermedio). h1<\/code>debe reservarse para el t\u00edtulo m\u00e1s importante; generalmente el t\u00edtulo de la publicaci\u00f3n o el nombre del sitio. Y h2<\/code>debe usarse para servir los t\u00edtulos m\u00e1s importantes dentro de esta publicaci\u00f3n. Aunque Google ha anunciado que permite m\u00faltiples h1<\/code>etiquetas (seg\u00fan las pautas para HTML5), todav\u00eda es com\u00fan asegurarse de que solo h1<\/code>exista una en cada p\u00e1gina.<\/p>\n<header><\/code>, <main><\/code>, <footer><\/code>, <aside><\/code>ya que brindan informaci\u00f3n sem\u00e1ntica a Google sobre qu\u00e9 contenido espec\u00edfico es en realidad.<\/p>\nalt<\/code>-etiquetas. Las etiquetas alt se utilizan para describir la apariencia y funci\u00f3n de una imagen en una p\u00e1gina. Recuerde que los rastreadores de los motores de b\u00fasqueda no pueden interpretar im\u00e1genes como lo hacen los humanos.<\/p>\nVelocidad de p\u00e1gina<\/h3>\n
3 Accesibilidad<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d2db3e82.png\")
<\/a><\/p>\n4 men\u00fas<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d30990dc.png\")
<\/a><\/p>\n5 Compatibilidad con widgets<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d31d9baa.png\")
<\/a><\/p>\n6 logotipo personalizado<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d32d3134.png\")
<\/a><\/p>\n7 Buscar<\/h2>\n
8 plantillas predeterminadas<\/h2>\n
9 colores personalizados<\/h2>\n
10 opciones de dise\u00f1o<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d339e9e4.png\")
<\/a><\/p>\n11 soporte de Gutenberg<\/h2>\n
12 Listo para traducci\u00f3n<\/h2>\n
.pot<\/code>o .po<\/code>-. Si eres un usuario de temas con poco o ning\u00fan conocimiento de c\u00f3digo, existen formas alternativas. Por ejemplo, puede usar el complemento Loco Translate<\/a> para acceder directamente a los archivos de traducci\u00f3n del tema. O podr\u00eda usar WPML<\/a> u otros complementos para crear un sitio multiling\u00fce.<\/p>\n
\nConclusi\u00f3n<\/h2>\n