Cómo construir bases sólidas de SEO usando Divi


Los fundamentos de una buena optimización de motores de búsqueda (SEO) comienzan profundamente 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 "fundamental" hace que el enfoque sea 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, sin importar 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 en la página y fuera de página SEO). 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 olvidada para establecer una base de sitio web sólida que pueda respaldar 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 gratuito, sino que también lleva a tener que invertir más tiempo y dinero extra en arreglo técnico SEO problemas posteriores que podrían haberse evitado tan fácilmente. 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

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 desempeña 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 = "PLAIN". Esto básicamente significa que sus URL no tendrán sentido para sus visitantes y que 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, es muy recomendado 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 de su sitio web que, de manera predeterminada, 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, mira 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 más información, lea esta gran guia todo sobre enlaces permanentes.

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

Considerando lo importante menús del sitio web son 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 sigue estas dos reglas simples para crear un menú de sitio web, estará configurado para marcar todas las casillas correctas.

Recuerde la "regla de 3 clics"

Si no está familiarizado con esta idea, básicamente significa que todas las páginas de su sitio web deben estar accesibles 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 da arañas de motor de búsqueda la oportunidad de rastrear y comprender rápidamente su sitio web, ¡algo que es muy importante ya que 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 la página de un 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 excelente 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 logra 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 ¡mantén 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 captura de pantalla a continuación 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 "ninguno esencial" 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 fáciles de usar 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 del menú secundario en Divi que se muestra encima 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.

wordpress-header-example

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 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, el instalación gratuita ofrece una buena 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. Puedes seguir esta guía paso a paso por Elegant Themes o lea 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.

Sitemaps ayuda 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. Escondiendo estos URL de archivos adjuntos los 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í 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 que su sitio evite contenido duplicado cuestiones.

Implementar etiquetas canónicas mejora enormemente 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 su algoritmos de clasificación complicados y es simplemente una copia que se ha duplicado por otros motivos.

Nota: Las etiquetas canónicas se activan automáticamente después de la instalación del complemento Yoast SEO. Sin embargo, si por alguna razón 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, publicado aquí en 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 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 pegadiza 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 que su los títulos de las páginas pueden afectar directamente el lugar que clasifica 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 posibles "ganancias rápidas" 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 "on-page", títulos de página 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 compilació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 preguntarles si están 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 hay necesidad de 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 Ayuda a mantenerte encaminado. Si desea agregar algo de personalidad a sus meta descripciones, Lea sobre la inclusión de iconos emoji dentro de su texto: a veces pueden marcar 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 manera muy fácil de destruir todo el potencial de su sitio web es establecer su robots.txt en "acceso denegado"A todo su sitio simplemente mostrando una barra diagonal (/) en la línea"Rechazar:"- esto normalmente ocurre después de la instalación de WordPress cuando un la casilla está marcada en la pestaña "AJUSTES"> "LECTURA" llamada "detener los motores de búsqueda de indexar este sitio" y NO está desactivado 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 quiera limitar específicamente las páginas que se muestran en los resultados de búsqueda, está listo. ! Para obtener más información sobre este importante archivo, lee 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.

Como 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 para 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! "Reciente de Googleactualización de velocidad"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 por 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 el motivo número 1 por el 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 de compresor de imagen profesional como Smush Pro por 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 ejecutarlo consejos de mejores prácticas sobre cómo mantener su sitio cargando rápido.

Usar etiquetas de encabezado lógicamente

A pesar de que hay debates en curso En cuanto a los beneficios de SEO de usar correctamente las etiquetas de encabezado HTML en la página de un sitio web, todavía se considera una práctica recomendada de SEO construir un diseño de página Divi que use HTML H1 a H6 etiquetas de encabezado lógicamente 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 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 admitir el contenido.

ejemplo de uso adecuado de la etiqueta h

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

De otra manera conocido como "texto de imagen alternativa", El texto ALT cumple dos funciones muy importantes 1) proporciona información de texto importante para los visitantes que pueden no poder ver o cargue la imagen y 2) le da a los rastreadores de motores de búsqueda una descripción basada en texto de lo que muestra la imagen que puede beneficiar a su ranking 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 se agregue esta información de texto ALT directamente en el á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 a continuación muestra dónde puede agregar texto ALT en la "CONFIGURACIÓN DE IMAGEN" al usar el constructor 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 utilizando 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 del 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 un guía impresionante 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. Centrar el tiempo y la 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 son etiquetado como "delgado". 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 las 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í" donde 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 tomados.

Consejo profesional: A veces, el contenido duplicado en los sitios web no se puede evitar. 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 contenido duplicado para marcar qué can and can’t be crawled by search spiders. This is the best way to state to crawlers that you don’t want certain parts of content on the page to be digested as you know it is duplicated.

Never hide page elements for responsive screens

Unless strictly necessary, hiding text and image elements from displaying on smaller screens such as tablets and mobile devices can significantly reduce the SEO potential of your Divi website. This is because many major search engines such as Google and Bing now crawl and index websites to put in their search results using the mobile version of code. Mobile-first indexing is said to already be running across 50% of all the websites listed in Google search results as of 2018, with further index switching rolling out as this blog post goes live.

Hiding content and images from displaying on smaller screen devices reduces the content and images search crawlers will be able to digest when visiting your site, which in-turn may reduce your potential to rank for the keywords you want to target.

Below is an example of a website, built before Google’s major indexing update, that hides hero banner text from being displayed on smaller screens, limiting the amount of text crawlers will now read when indexing the site.

example of site that hides hero banner on mobile

With it being so easy to hide elements from certain screen devices in the Divi theme through the “VISIBILITY” tab within each section, row or module, it’s the easier option when a design does not display correctly on small screens to simply hide it. However, as best-practice, Divi website designers should work to keep all page text and images on display at all times with elements (where applicable) being rebuilt to best suit smaller screen devices. As Elegant Themes continues to update the responsive functionality of Divi, it will make it easier for Divi designers to build for “mobile-first” indexing with very little extra effort.

Conclusion: why you should invest time and effort into foundational SEO

Investing time and effort into foundational SEO will be good for business – you really will reap what you sow! Not only is it the base to which every successful website is built on, building solid SEO foundations supports longer term SEO tactics, in addition to cementing your new website’s position with search engine crawlers immediately after launch.

To dismiss foundational SEO, is to dismiss ⅓ of ALL your ranking capabilities. Foundational SEO matters, FACT! It’s simply is too important to dismiss. Building a Divi website with a solid “technical” foundation could truly be the difference between your website being seen or being invisible to your potential customers online. Focusing on best-practice techniques will not only give search engine crawlers what they are looking for, it will also make a positive influence to your website visitors too.

If you’re in the middle of a Divi website build or are just about to begin a new website project, stop and think, just for a moment, about how you could better create stronger SEO foundations for your client’s new website or even your own. If you would like to get your hands on an awesome foundational SEO checklist, the guys over at Divi Chat created this cheatsheet that can help you during your next project.

In the words of an unknown author, this quote perfectly encapsulates all that foundational SEO stands for – “Remember, that house you build on concrete will always last longer than the one built on sand.”👋🎤

Featured Image via Alexander Lysenko / shutterstock.com