Los fundamentos de una buena optimización de motores de búsqueda (SEO) comienzan en las «entrañas» de su sitio web.

Al igual que un edificio físico necesita bases sólidas, su nuevo sitio web necesita bases sólidas de SEO para respaldar la tarea de generar tráfico orgánico gratuito después del lanzamiento. La responsabilidad de implementar las mejores prácticas técnicas de SEO en última instancia comienza con el diseñador web, ya que tienen el deber de crear una plataforma sólida para su cliente de pago. Sin embargo, también se recomienda que el propietario del sitio web comprenda los fundamentos básicos, ya que esta conexión a tierra proporcionará una gran ventaja si el propietario administra su sitio web más adelante.

El SEO técnico puede parecer un tema muy complicado, pero no se desanime por la palabra «técnico». Solo necesita implementar los conceptos básicos para mejorar significativamente el SEO de su sitio. Es por eso que atacar este tema complicado usando la palabra «fundacional» lo convierte en un enfoque mucho más comprensible y simplificado.

¡Recuerde, el SEO no es un complemento opcional para un sitio web! Sin él, su nuevo y brillante sitio web, no importa cuán bien diseñado, se convertirá en otra «víctima de la página 2» que simplemente no se encontrará en Internet. Por lo tanto, es vital adoptar un enfoque “básico” para el SEO fundamental en todo el proyecto de su sitio web Divi.

Ya sea que esté en medio de una construcción o esté a punto de comenzar un nuevo proyecto de diseño de Divi, esta publicación es para usted. Esta guía tiene como objetivo cubrir los conceptos básicos de la implementación de SEO fundamental durante la construcción de un sitio web Divi / WordPress, de una manera fácil de entender. Nunca se sabe, ¡incluso puede ayudarlo a impresionar a un cliente o darle el conocimiento para ayudar a su propio sitio web a obtener esa ventaja competitiva importante!

Vamos a sumergirnos en 👍

¿Qué es el SEO fundamental?

El SEO fundamental abarca muchos de los ingredientes técnicos «detrás de escena» de un sitio web y es una parte de las tres áreas clave de una estrategia de SEO (que también incluye SEO en la página y fuera de la página ). También conocido como SEO «técnico», estos elementos generalmente no son obvios para el ojo inexperto, pero pueden tener un gran impacto en el éxito general de su sitio web. ¡Lo mejor de todo es que no necesita ser un «técnico» para implementar los conceptos básicos que pueden sumar una diferencia real!

El SEO fundamental es, con mucho, la táctica más subestimada y más comúnmente omitida para establecer una base de sitio web sólida que pueda apoyar el crecimiento de visitantes orgánicos gratuitos que encuentren su sitio web en los resultados del motor de búsqueda después de su lanzamiento.

Si no implementa las mejores prácticas fundamentales de SEO durante la construcción de su web, no solo reduce el posible impacto de generar tráfico libre, sino que también lleva a tener que invertir más tiempo y dinero extra para solucionar problemas técnicos de SEO más adelante en la línea que podrían haber sido fácilmente evitado! No es raro que se recomiende reconstruir un nuevo sitio web desde cero para solucionar problemas técnicos graves; este es el peor de los casos, pero es uno que finalmente desea evitar.

Entonces, ¿puede el SEO fundamental ayudarme a clasificar por palabras clave?

¡Si y no! El hecho de que haya dedicado tiempo a construir bases sólidas de SEO en su sitio no garantiza que se clasifique orgánicamente en los motores de búsqueda de palabras clave competitivas. Sin embargo, por otro lado, sin bases sólidas de SEO, es posible que tenga dificultades para clasificar orgánicamente las palabras clave competitivas, por lo que existe un beneficio considerable al implementar estas mejores prácticas para respaldar el crecimiento de su nuevo sitio web.

¿Dónde empiezo a implementar SEO fundamental?

En un nivel básico, el SEO fundamental para los sitios web de Divi se puede implementar en dos áreas clave: Sección 1) la plataforma de WordPress y Sección 2) a nivel de página dentro del tema Divi.

Aunque WordPress es un sistema de administración de contenido listo para usar utilizado por millones de sitios web, permite un alto nivel de flexibilidad y control si sabe dónde buscar y qué complementos instalar y configurar durante la creación de un sitio web . Combinado con el poder de Divi, que permite un control total sobre los elementos estructurales de la página (a diferencia de la mayoría de los creadores de páginas y temas), realmente está en una combinación ganadora de herramientas que le permiten crear bases sólidas para el sitio web que incluso algunos desarrolladores profesionales pueden tener dificultades para implementar .

Sección 1: Cómo optimizar WordPress para maximizar su SEO fundamental

Establecer la estructura de enlace permanente correcta

Los enlaces permanentes (a veces denominados « babosas «) son el nombre técnico de la URL final donde se muestra su contenido en Internet, por ejemplo:

wwww.myfirstwebsite.com/about-me/

Los enlaces permanentes son extremadamente importantes ya que los utilizan tanto las arañas de los motores de búsqueda para rastrear su sitio como los usuarios para visitar sus páginas. Por lo tanto, elegir la estructura de enlace permanente correcta juega un papel fundamental en el SEO fundamental de su sitio.

De forma predeterminada, la estructura de enlaces permanentes que WordPress establece en la instalación no es amigable para el usuario o el motor de búsqueda, es decir, la configuración predeterminada = “LISO”. Esto básicamente significa que sus URL no tendrán sentido para sus visitantes y las arañas de búsqueda también tendrán dificultades para comprenderlas, ya que no contendrán palabras descriptivas, solo números.

Aquí hay un ejemplo de la configuración de enlace permanente «PLAIN» establecida por defecto en WordPress.

Enlace permanente con números aleatorios

Dependiendo del estilo del sitio web que esté creando, se recomienda encarecidamente que antes de crear cualquier página, cambie la estructura de enlace permanente predeterminada a una opción más amigable para el usuario y la araña.

Para ayudarlo a visualizar este importante cambio, aquí hay una captura de pantalla de la configuración del enlace permanente dentro del panel de back-end de WordPress de https://theartwanderer.co.uk. Debido a la naturaleza de los informes de exhibición del sitio web, el diseñador decidió optar por una estructura de enlace permanente «POST NAME» que refleja el título de cada página en la URL final. ¡Este tipo de enlace permanente crea URL limpias que están libres de desorden, son relevantes y son muy fáciles de rastrear!

Aquí hay una captura de pantalla que destaca la estructura de enlace permanente «POST NAME» en acción.

post-name-permalink

wordpress-settings-menu

Cambiar su configuración predeterminada de enlace permanente en WordPress es muy fácil. Antes de crear cualquier página, simplemente inicie sesión en su sitio de WordPress, busque la navegación principal del sitio web que, por defecto, se encuentra en el lado izquierdo, desplace el cursor sobre la pestaña «CONFIGURACIÓN» y haga clic en «PERMALINKS». Luego puede elegir una nueva estructura de enlace permanente de las opciones disponibles y presionar GUARDAR.

Si necesita una guía más visual, vea este video .

Esta captura de pantalla muestra las opciones de enlace permanente que se muestran en la sección «CONFIGURACIÓN» dentro de WordPress. Para elegir una nueva configuración, haga clic en el círculo vacío a la izquierda del título del tipo de publicación.

wordpress-permalink-settings-page

Consejo profesional: elegir la estructura de enlace permanente correcta realmente se reduce a qué tipo de sitio web se está creando. Para sitios basados ​​en contenido o informativos, «POST NAME» sería el tipo de enlace permanente más adecuado para elegir. Sin embargo, para sitios de noticias o blogs, «MES y NOMBRE» o «DÍA y NOMBRE» pueden ser una opción más adecuada ya que admiten contenido relacionado con el tiempo. Para obtener más información, lea esta excelente guía sobre enlaces permanentes.

Cree un menú de sitio web que funcione tanto para usuarios como para arañas de motores de búsqueda

Teniendo en cuenta la importancia de los menús del sitio web para el SEO fundamental de su sitio, es sorprendente la frecuencia con la que se descuidan durante la creación de un sitio web y simplemente se convierten en una idea rápida de enlaces combinados en la parte superior o inferior de su diseño.

Los menús juegan un papel fundamental para ayudar a guiar a los visitantes a donde quieren llegar, también proporcionan a las arañas de los motores de búsqueda un mapa de su sitio. Un menú cuidadosamente planeado y lógico respalda sus fundamentos estructurales y paga dividendos en el futuro a medida que su sitio web se desarrolle y crezca.

¡Tener la libertad de crear un menú desde cero para un nuevo sitio web de Divi puede parecer una tarea desalentadora y ciertamente no hay una plantilla perfecta! Pero si sigues estas dos reglas simples para crear un menú de sitio web, estarás configurado para marcar todas las casillas correctas.

Recuerde la «regla de 3 clics»

Si no está familiarizado con esta idea, básicamente significa que cada página de su sitio web debe ser accesible en 3 clics o menos desde la página de inicio. La regla de «3 clics» tiene como objetivo crear un menú que los visitantes puedan navegar fácilmente. Además, seguir este principio brinda a las arañas de los motores de búsqueda la oportunidad de rastrear y comprender rápidamente su sitio web, ¡algo que es muy importante ya que este es un recurso limitado!

Para los sitios web pequeños de Divi, lograr el modelo de «3 clics» es relativamente fácil. Sin embargo, si está creando un sitio grande, piense en la intención del usuario de llegar a una página de producto o publicación de blog en un máximo de solo 3 clics.

Aquí hay un gran ejemplo de un sitio web de muebles basado en productos que ha implementado «migas de pan» en todo el sitio para resaltar a los usuarios dónde se encuentran actualmente en el sitio. Elegant Themes también obtuvo una gran guía sobre el tema que querrás marcar aquí .

wordpress-breadcrumbs-example

La implementación de la regla de «3 clics» garantiza que el tráfico que visita la página de inicio de Furl pueda llegar fácilmente a las páginas principales de productos de la compañía en 3 clics o menos; esto se ha logrado segmentando correctamente los productos según los tipos de categoría.

Excluya enlaces innecesarios si su menú es demasiado grande

Todos hemos visto un menú de sitio web abarrotado que nos deja estresados ​​y confundidos, así que, ¡haz las cosas simples!

Antes de crear su menú, intente visualizar su estructura en papel; las notas adhesivas son excelentes para esto. Piensa en lo que tu público objetivo quiere lograr en tu sitio.
Por ejemplo, los visitantes del sitio web de un restaurante probablemente buscarán el menú o los datos de contacto en comparación con el sitio web de una agencia de diseño donde los visitantes querrán saltar a los estudios de casos, precios y páginas de servicio. Si en algún momento, su menú está abultado al parecer, pare y piense, ¿es este un enlace necesario e importante para mis visitantes o debería ir a otro lado?

Si se encuentra con demasiados enlaces en la navegación de su sitio web principal, considere crear un menú de pie de página dedicado y útil (ideal para páginas legales, de privacidad y de términos y condiciones). La siguiente captura de pantalla es un ejemplo de un sitio web que utiliza un diseño de columna organizado en el pie de página para mostrar enlaces relevantes pero «no esenciales» para los visitantes y las arañas de rastreo.

wordpress-footer-example

Cuando se trata de escribir el texto de anclaje para enlaces de navegación, manténgalos amigables y directos, este enfoque también ayuda a los rastreadores de búsqueda a comprender la página que encuentran al rastrear sus enlaces internos.

Otra forma efectiva de ordenar su navegación principal es asignar una lista de menú a su área de menú secundario en Divi que se muestra arriba de su encabezado, en la parte superior de su diseño. En dispositivos móviles, este menú secundario se fusiona con su navegación de hamburguesas para que los visitantes puedan continuar accediendo a estas páginas. También puede agregar información de contacto en esta área que se muestra en la parte superior de cada página, ¡perfecto para cuando los visitantes buscan información de contacto rápidamente!

Aquí hay un gran ejemplo en el que asignar un menú a la sección del menú secundario dentro de Divi ha permitido que el sitio que se muestra a continuación separe los enlaces «esenciales» frente a los enlaces «no esenciales» en dos menús bien diseñados. Esto hace que los usuarios no se distraigan en el sitio y, al mismo tiempo, permite que las arañas de búsqueda encuentren y rastreen otras páginas importantes de manera eficiente.

ejemplo de encabezado de wordpress

Consejo profesional: durante el proceso de visualización del menú, considere cómo se agrupan sus páginas. Esto lo ayudará a crear listas lógicas de submenús que sus usuarios puedan entender fácilmente. Por ejemplo, para un sitio web de portafolio de fotografía independiente, agrupar páginas como «premios» y «testimonios» como un menú desplegable en la sección «acerca de» tiene mucho sentido. Este enfoque de agrupar páginas también garantiza que las arañas de rastreo puedan ver claramente la jerarquía relacional entre sus páginas .

Instalar y configurar el complemento Yoast SEO

En la búsqueda para maximizar el SEO fundamental de su sitio web antes de su gran lanzamiento, ¡este complemento es un verdadero ganador! Lanzado por primera vez en 2010 por Joost de Valk , Yoast SEO se ha convertido en el complemento # 1 de WordPress para SEO, utilizado hoy en millones de sitios web. Básicamente, permite que cualquier diseñador web implemente las bases técnicas básicas de SEO sin la necesidad de ser o contratar a un experto en SEO, ¡todo en unos pocos clics! Si bien hay una versión premium disponible, la instalación gratuita ofrece una excelente base para su sitio.

Durante el procedimiento de configuración inicial de Divi / WordPress, simplemente descargue e instale Yoast SEO desde la pestaña de complementos «AGREGAR NUEVO» en el back-end de su sitio web. Para completar la configuración del complemento, siga el sencillo proceso de configuración de 10 pasos que se resalta después de la instalación. Puede seguir esta guía paso a paso de Elegant Themes o leer el manual de configuración oficial de Yoast aquí .

Aquí hay 4 formas importantes en que Yoast SEO ayuda al SEO fundamental de su sitio.

Yoast SEO crea un mapa del sitio de su sitio web

Sin complicarse demasiado, un mapa del sitio es una página que enumera todas las páginas, videos, imágenes y otros archivos en todo el sitio; considérelo como su «tabla de contenido» o «menú completo del sitio web». Son importantes porque los motores de búsqueda como Google y Bing leen este archivo para comprender mejor su sitio.

Los sitemaps ayudan a mejorar la capacidad de rastreo de su sitio, ya que las arañas de los motores de búsqueda reciben un enlace a cada página. Esto, a su vez, le da a su nuevo sitio web Divi la mejor oportunidad posible de generar tráfico orgánico desde el lanzamiento, ya que sus páginas podrían aparecer en los resultados de búsqueda después de ser digeridas por los rastreadores (si ofrecen valor).

Después de instalar Yoast SEO, puede visitar su mapa del sitio siguiendo esta ruta URL: wwww.yourwebsitename.com/sitemap_index.xml. Nota: su mapa del sitio se creará automáticamente después de la instalación de este complemento.

Aquí hay un ejemplo de cómo se verá su mapa del sitio en su pantalla.

mapa del sitio generado

Si observa más de cerca esta imagen, notará que hay varios tipos diferentes de mapas de sitio dentro del archivo primario XML Sitemap Index para el ejemplo anterior. Esto se debe a que este sitio web particular de WordPress tiene diferentes tipos de publicaciones, incluidas páginas, publicaciones de blog y URL de categoría de blog en vivo en el sitio. Por defecto, estos están agrupados para rastreadores de motores de búsqueda, ya que incluyen diferentes estructuras «detrás de escena». Para obtener más información sobre los diferentes tipos de publicaciones de WordPress y cómo deben usarse, lea esta guía oficial de WordPress .

Consejo profesional: una desventaja de WordPress es que, de forma predeterminada, cada vez que carga una imagen u otro tipo de archivo multimedia en su sitio web, se crea una nueva página URL de archivo adjunto que muestra ese archivo cargado. Ocultar estas URL adjuntas las mantendrá fuera de sus páginas indexadas, lo cual es importante ya que demasiadas páginas de baja calidad, que no agregan valor a los motores de búsqueda, pueden dañar el SEO de su sitio.

Para ocultar estas URL, durante el proceso de configuración de Yoast SEO, asegúrese de configurar el tipo de publicación «Medios» como «OCULTO» de los rastreadores de motores de búsqueda.

hide-post-type-media

Si pierde este paso durante el proceso de configuración del complemento, aquí es donde puede editar esta configuración de URL de archivo adjunto en el panel «Aspecto de búsqueda» de Yoast SEO.

yoast-media-settings

Yoast SEO agrega etiquetas canónicas a cada página de su sitio

Nuevamente, sin complicarse demasiado, las etiquetas canónicas ayudan a su sitio a evitar problemas de contenido duplicado .

La implementación de etiquetas canónicas mejora en gran medida el SEO fundamental de su sitio web, ya que las etiquetas hacen referencia a la copia maestra de cualquier página. En resumen, estas pequeñas líneas de código le dicen a los rastreadores de motores de búsqueda que la página que están viendo es el original «verdadero» o, por otro lado, es una versión copiada que está relacionada con la página principal en otro lugar de su sitio o en otro sitio. ¡Las etiquetas canónicas son importantes porque cada URL única está registrada por defecto como una página separada por los rastreadores de motores de búsqueda!

Aquí hay una demostración del propósito de las etiquetas canónicas. La captura de pantalla siguiente muestra dos piezas idénticas de contenido en dos dominios separados.

duplicate-content-should-use-canonical-tags

En el ejemplo que se muestra arriba, la publicación original «Cómo escribir un comunicado de prensa» se publicó por primera vez en Air Cargo Eye y contiene una etiqueta canónica autorreferenciada. La periodista que escribió esta publicación creó una publicación separada (usando el contenido copiado) en su propio sitio web personal de Divi para tratar de llegar a una audiencia en línea más amplia. Desafortunadamente, debido a que esta publicación es idéntica a su publicación original, los rastreadores de motores de búsqueda marcarán esta página como «duplicada» y pueden retirar esta página de sus resultados de búsqueda.

En este escenario, la implementación de una etiqueta canónica que haga referencia a la URL original de la publicación ayudará a los rastreadores a comprender que esta página duplicada no está manipulando deliberadamente sus complicados algoritmos de clasificación y es simplemente una copia que se ha duplicado por otras razones.

Nota: las etiquetas canónicas se activan automáticamente después de la instalación del complemento Yoast SEO. Sin embargo, si por cualquier motivo duplica una página que los rastreadores de motores de búsqueda podrían ver como una ‘URL única’, puede editar la etiqueta canónica asignada a nivel de página para asegurarse de que haga referencia a la página principal original. Las etiquetas canónicas también deben implementarse en otros dominios donde su contenido puede estar duplicado.

Para obtener más información sobre las etiquetas canónicas, lea esta guía detallada , publicada aquí sobre Elegant Themes.

Yoast SEO te permite editar los títulos y meta descripciones de tu página

¿Alguna vez te has preguntado cómo se llama el título y la breve descripción (normalmente en azul y gris) que ves en los resultados de búsqueda? ¡Ahora hazlo tú!

ejemplo-de-título-de-página-y-meta-descripción-en-búsqueda

La capacidad de poder controlar cómo se muestran sus páginas en los resultados de búsqueda tiene un gran impacto en el SEO fundamental de su sitio web.

Un título de página atractivo y una meta descripción atractiva aumentan las posibilidades de que un usuario haga clic en su sitio web (CTR) desde los resultados de búsqueda, sino que también le brinda la posibilidad de orientar palabras clave potenciales directamente desde el lanzamiento, esto se debe a los títulos de su página puede afectar directamente dónde clasificas en los resultados de búsqueda.

Al escribir a propósito títulos de página únicos y meta descripciones, página por página, durante la construcción de un sitio web, se aprovecha la maximización de las «ganancias rápidas» potenciales que puede implementar durante todo el proceso de construcción. Esto reduce significativamente la necesidad de regresar y ajustar sus cimientos más adelante en la línea.

Aunque este beneficio de Yoast SEO se inclina más hacia el SEO «en la página», los títulos de las páginas y las meta descripciones son un elemento fundamental básico de su sitio web y, por lo tanto, deben considerarse dentro de sus fundamentos. Yoast SEO simple desbloquea la capacidad de editar estos datos importantes y se debe tomar tiempo para escribirlos antes de lanzar su nuevo sitio web Divi.

Aquí hay un ejemplo de un sitio web que ha implementado títulos de página y meta descripciones específicas y escritas a propósito durante el proceso de construcción.

título de página optimizado y meta descripción en la búsqueda

Esto no solo marca la casilla de optimización de estos importantes elementos fundamentales de SEO, el ejemplo que se muestra arriba estaba en una buena posición para que los rastreadores de motores de búsqueda entiendan profundamente el sitio web inmediatamente después de su lanzamiento.

Si actualmente tiene un diseñador web que le está construyendo un nuevo sitio Divi, no tenga miedo de preguntarle si está escribiendo títulos de página únicos y meta descripciones para usted. Si el diseñador no los ha incluido en el paquete de su sitio web, no debe preocuparse. Los títulos de las páginas se crearán automáticamente utilizando el título del conjunto de páginas en WordPress y siempre se pueden actualizar una vez que su nuevo sitio esté activo.

Consejo profesional: al escribir el título y la meta descripción de su página en el editor Yoast SEO a nivel de página, puede ver una demostración de cómo podría verse la página en un resultado de búsqueda.

vista previa del fragmento de yoast

Recuerde, para las mejores prácticas, mantenga los títulos de sus páginas con menos de 70 caracteres y su meta descripción con menos de 156 caracteres: esta herramienta gratuita lo ayuda a mantenerse al día. Si desea agregar algo de personalidad a sus meta descripciones, lea acerca de cómo incluir íconos de emoji en su texto; a veces pueden hacer la diferencia entre un visitante que hace clic en su sitio o se desplaza más allá de su listado.

No te olvides de tu archivo robots.txt

En una nota final, ya sea que usted sea desarrollador o propietario de un sitio web, antes de iniciar, asegúrese de revisar su archivo robots.txt. Generalmente creado automáticamente por su host, su archivo robots.txt es el primer punto de llamada cuando un rastreador de motores de búsqueda visita su sitio. Es dentro de este archivo que puede otorgar o denegar el acceso a ciertas partes de su sitio web y es extremadamente útil en ciertos escenarios.

Sin embargo, una forma muy fácil de destruir todo el potencial de su sitio web es configurar su robots.txt para « denegar el acceso » a todo su sitio simplemente mostrando una barra diagonal (/) en la línea « No permitir: » – esto normalmente ocurre después de la instalación de WordPress cuando se marca una casilla en la pestaña «AJUSTES»> «LECTURA» llamada «detener los motores de búsqueda de indexar este sitio» y NO se desmarca antes de lanzar su nuevo sitio web.

Puede consultar su archivo robots.txt visitando wwww.yourwebsitename.com/robots.txt.

archivo robots.txt que no bloquea los rastreadores

archivo robots.txt que bloquea los rastreadores

Consejo profesional: no se preocupe si su sitio Divi no tiene un archivo robots.txt, esto significa que su sitio web se abre automáticamente para que accedan los rastreadores, a menos que desee limitar específicamente las páginas que se muestran en los resultados de búsqueda, ¡bueno para ir! Para obtener más información sobre este importante archivo, lea esta guía .

Sección 2: Cómo usar Divi para maximizar el SEO fundamental de su sitio web

¡El SEO y Divi fundacionales van de la mano! Atrás quedaron los días en que los sitios se lanzaron con poco o nada básico. A diferencia de otros creadores de temas de WordPress, Divi le permite controlar casi todos los elementos estructurales de la página en cada página o publicación que cree.

A medida que el tema continúa evolucionando , los diseñadores web pueden mejorar constantemente los fundamentos básicos de SEO antes del lanzamiento, lo que puede marcar una gran diferencia en el éxito de un sitio web de Divi con poca ayuda de un experto en SEO. Todo lo que se necesita es comprender cómo y dónde se implementan estos conceptos básicos, junto con una mentalidad de siempre «construir lo mejor» para los clientes.

Aprovechar el poder de Divi para crear páginas web con bases sólidas de SEO se puede dividir en seis pasos claramente simples. Cuando se usan juntos, estos seis pasos forman un «modelo» fundamental que se puede implementar en cualquier página Divi que se construya en el sitio.

Priorizar la velocidad de carga de la página

¡Es cierto, los visitantes y los rastreadores de motores de búsqueda realmente se preocupan por la velocidad de un sitio web! La reciente « actualización de velocidad » de Google ha resaltado una vez más que las páginas torpes y de carga lenta pueden sufrir descensos en la clasificación en comparación con aquellas páginas que tienen una mejor experiencia de usuario. Por lo tanto, es más importante que nunca que las páginas del sitio web de Divi se carguen rápidamente. Para probar la velocidad de carga de sus páginas, puede usar herramientas gratuitas como Pingdom y PageSpeed ​​Insights de Google.

¡Aquí hay una captura de pantalla de una prueba de velocidad rápida de elegantthemes.com que mostró un impresionante tiempo de carga de 473 milisegundos!

prueba de velocidad de página de temas elegantes

A nivel de página, las imágenes y los archivos multimedia son la razón número 1 por la que una página web Divi tarda en cargarse. Para limitar que esto suceda durante la creación de su sitio web, puede reducir manualmente el tamaño de archivo de las imágenes antes de cargarlas en su archivo multimedia de WordPress en herramientas de software en línea gratuitas como Squoosh o (si el cliente tiene presupuesto) a través de un complemento profesional de compresor de imágenes como Smush Pro de WPMUDEV , que reduce automáticamente el tamaño de los archivos de imagen en segundo plano. Si después del lanzamiento, transfiere un sitio web para que lo controle su cliente, tómese el tiempo para ejecutarlos a través de consejos de mejores prácticas sobre cómo mantener su sitio cargando rápidamente.

Usar etiquetas de encabezado lógicamente

Aunque hay debates en curso sobre los beneficios de SEO de usar correctamente las etiquetas de encabezado HTML en una página de sitio web, todavía se considera una práctica recomendada de SEO construir un diseño de página Divi que use lógicamente etiquetas de encabezado HTML H1 a H6 . La implementación de esta regla significa que las etiquetas de encabezado H1 solo deben usarse una vez por página y solo actúan como el título principal de la página . Las etiquetas de encabezado H2 a H6 se pueden usar como subtítulos que admiten el contenido que se muestra. El uso de esta estructura lógica de encabezado HTML indica claramente a los rastreadores el tema clave de la página junto con, a través de subtítulos, cómo encaja todo el contenido.

Aquí hay un ejemplo de una página web de Divi que ha definido correctamente las etiquetas de encabezado. Su encabezado H1 indica claramente que la página trata sobre la «personalización del cinturón» con una etiqueta H2 utilizada para soportar el contenido.

ejemplo de uso adecuado de la etiqueta h

Agregue siempre texto ALT a las imágenes a nivel de página

También conocido como « texto de imagen alternativo «, el texto ALT cumple dos funciones muy importantes 1) proporciona información de texto importante para los visitantes que no pueden ver o cargar la imagen y 2) proporciona a los rastreadores de motores de búsqueda una descripción basada en texto de se muestra la imagen que puede beneficiar su clasificación de búsqueda de imágenes . De manera predeterminada, el texto ALT se ha agregado para siempre directamente al archivo multimedia de WordPress donde luego se arrastra hacia donde se muestra la imagen en todo el sitio.

Aquí hay una captura de pantalla de una imagen que se encuentra en la «Biblioteca de medios»: tradicionalmente, en la mayoría de los temas de WordPress, el texto ALT se extrae directamente del cuadro resaltado.

captura de pantalla del campo de etiqueta alternativa de WordPress

Sin embargo, el tema Divi requiere que esta información de texto ALT se agregue directamente al área de configuración de imagen a nivel de página. Esto permite que se usen las mismas imágenes en varias páginas, cada una asignada con una línea descriptiva diferente de texto ALT (si es necesario).

La captura de pantalla siguiente muestra dónde puede agregar texto ALT en la “CONFIGURACIÓN DE IMAGEN” cuando utiliza el generador visual Divi . Recuerde agregar texto ALT a cada imagen que agregue en cada página dentro del cuadro oculto debajo de la pestaña «AVANZADO». En este ejemplo, la imagen de una bañera independiente (arriba) utilizada con texto ALT genérico también se muestra en una página de producto de Woocommerce (abajo) donde el texto ALT solo contiene información del producto.

Configuración avanzada de texto alternativo de imagen de pestaña divi

Consejo profesional: si está ejecutando una tienda de comercio electrónico usando Woocommerce y Divi, los diseños de página de productos estándar de forma predeterminada extraerán el texto ALT que asigna a los archivos en la «Biblioteca de medios», al igual que la forma tradicional de asignar ALT como se mencionó anteriormente. Solo las páginas que usan el generador de Divi necesitan texto ALT para agregarse manualmente por imagen.

Maximice la reticulación interna entre páginas

El enlace interno al sitio web (es decir, un enlace de una página «acerca de» a una página «contacto») es una táctica SEO poco utilizada que ayuda a ambos usuarios a visitar más de un sitio y al mismo tiempo destaca a los rastreadores de motores de búsqueda la confianza, el valor, y relaciones entre tus páginas . Debería pensar en agregar enlaces internos como una telaraña: ¡tiene mucho sentido agregar un enlace de una página a otra si admite el contenido!

Aquí hay un ejemplo de un sitio web de Divi que ha implementado un enlace interno a una página sobre vacaciones en bicicleta de carretera en una amplia página informativa sobre «actividades de vacaciones». Este enlace relevante permite a los visitantes obtener más información sobre la actividad mencionada en el contenido, además de permitir a los rastreadores comprender la relación entre las dos páginas del sitio.

captura de pantalla del ejemplo de enlace interno en un sitio web divi

También es una buena idea, ya que su sitio se desarrolla y crece para programar actualizaciones periódicas de páginas y publicaciones antiguas para incluir enlaces internos a URL más recientes en su sitio (cuando corresponda). Esto significa que la confianza y el valor continuarán fluyendo entre todas las páginas y, de nuevo, es una táctica SEO extremadamente infrautilizada pero muy fácil de implementar. Rand Fishkin , fundador de Moz y Sparktoro, ha escrito una guía increíble si desea obtener más información sobre el valor de los enlaces internos.

Limite la cantidad de páginas del sitio web con contenido pobre o duplicado

¿Alguna vez has oído hablar de la frase «El contenido es el rey «? Bueno, definitivamente es verdad. Concentrar tiempo y energía en escribir contenido de buena calidad y único para su sitio web es, con mucho, una de las tácticas más importantes para generar visitantes orgánicos gratuitos a partir de los resultados de búsqueda: es sorprendente la cantidad de sitios que se inician con poco o ningún contenido o peor, roban contenido de otro sitio en un intento por acelerar el proceso de lanzamiento!

Las páginas con contenido deficiente (es decir, muy poco texto o contenido irrelevante), cuando las arañas de búsqueda las rastrean, se etiquetan como «delgadas» . Esto significa que estas páginas pueden no proporcionar el valor suficiente para garantizar que se muestren en los resultados de búsqueda. En la mayoría de los casos, estas páginas también proporcionarán poco valor a sus visitantes reales. Este enfoque también es el mismo para páginas que contienen contenido duplicado (es decir, copiado de otra página interna o robado de otro sitio). Los sitios web incluso pueden ser penalizados y eliminados de los resultados de búsqueda por tener altos niveles de contenido duplicado si los algoritmos de clasificación consideran que un sitio web es «spam».

La idea de crear páginas con contenido de alta calidad no significa que cada página Divi deba estar llena de párrafos y párrafos de texto. Como una «regla de oro», siempre intente apuntar a que las páginas contengan un mínimo de 250 palabras. Para páginas donde el contenido puede ser difícil de crear, como las páginas «acerca de», sea creativo agregando premios que su empresa haya ganado o una línea de tiempo de su historia.

Aquí hay un ejemplo de una página «Acerca de mí» en la que el propietario del sitio web ha agregado contenido sobre premios ganados y certificaciones recibidas al contenido de la página de calidad masiva.

ejemplo de bueno sobre el contenido de la página

Para muchos sitios, es contenido que apoya la base de un SEO fundamental fuerte y es algo sobre lo que cada diseñador web debería informar a sus clientes, tanto durante la compilación como después del lanzamiento. Es especialmente vital que el contenido creado para avanzar, como publicaciones de blog, páginas de servicios adicionales o informes de noticias, siga el principio de calidad sobre cantidad , sin atajos.

Consejo profesional: a veces no se puede evitar el contenido duplicado en sitios web. Por ejemplo, puede tener contenido que debe mostrarse en cada página, como renuncias o reglas. En este caso, específicamente para Google, puede usar etiquetas «googleon / googleoff» que envuelven el contenido duplicado para marcar lo que pueden y no pueden rastrear las arañas de búsqueda. Esta es la mejor manera de informar a los rastreadores que no desea que ciertas partes del contenido de la página se digieran, ya que sabe que está duplicado.

Nunca oculte elementos de página para pantallas receptivas

A menos que sea estrictamente necesario, ocultar elementos de texto e imagen para que no se muestren en pantallas más pequeñas, como tabletas y dispositivos móviles, puede reducir significativamente el potencial de SEO de su sitio web Divi. Esto se debe a que muchos motores de búsqueda importantes como Google y Bing ahora rastrean e indexan sitios web para incluir sus resultados de búsqueda utilizando la versión móvil del código. Se dice que la indexación móvil primero ya se está ejecutando en el 50% de todos los sitios web enumerados en los resultados de búsqueda de Google a partir de 2018, con un cambio adicional de índice a medida que se publica esta publicación de blog.

Ocultar contenido e imágenes para que no se muestren en dispositivos de pantalla más pequeños reduce el contenido y las imágenes que los rastreadores de búsqueda podrán asimilar al visitar su sitio, lo que a su vez puede reducir su potencial para clasificar las palabras clave que desea orientar.

A continuación se muestra un ejemplo de un sitio web, creado antes de la principal actualización de indexación de Google, que oculta el texto del banner de héroe para que no se muestre en pantallas más pequeñas, lo que limita la cantidad de rastreadores de texto que ahora se leerán al indexar el sitio.

ejemplo de sitio que oculta banner de héroe en dispositivos móviles

Al ser tan fácil ocultar elementos de ciertos dispositivos de pantalla en el tema Divi a través de la pestaña «VISIBILIDAD» dentro de cada sección, fila o módulo, es la opción más fácil cuando un diseño no se muestra correctamente en pantallas pequeñas para simplemente ocultarlo. Sin embargo, como práctica recomendada, los diseñadores de sitios web de Divi deben trabajar para mantener todo el texto y las imágenes de la página en exhibición en todo momento con elementos (cuando corresponda) que se reconstruyen para adaptarse mejor a los dispositivos de pantalla más pequeños. A medida que Elegant Themes continúa actualizando la funcionalidad receptiva de Divi, facilitará a los diseñadores de Divi construir para la indexación “móvil primero” con muy poco esfuerzo adicional.

Por Prunaestudio

Por Prunaestudio

Prunaestudio es un estudio de diseño web ubicado en Valencia (España). Estamos especializados en el diseño web basado en WordPress con la plantilla premium de Elegantthemes, Divi.

* Todos el contenido pertenece y se ha traducido del blog de Elegantthemes (Divi Resources)

Nuestras últimas entradas

Consigue la plantilla Divi

Más de 800 diseños de sitios web prefabricados vienen empaquetados dentro de Divi de forma gratuita.

You have Successfully Subscribed!