La hoja de trucos de SEO definitiva para desarrolladores web y de SEO

Publicado: 2022-05-13

El SEO tiene muchas partes móviles: metaetiquetas, encabezados, palabras clave y velocidad de carga de la página, por nombrar algunas. Pero si bien puede tener un plan para obtener estos elementos de optimización de motor de búsqueda en la página en forma, es posible que necesite un desarrollador web para implementar cambios técnicos más amplios.

Una campaña de SEO exitosa es una colaboración entre marketing y desarrollo web.

Pero puede ser frustrante generar resultados si no todos están en la misma página. Esta hoja de trucos de SEO resume las prácticas esenciales de SEO en la página que facilitan que los motores de búsqueda lean e indexen su sitio. Su desarrollador web y de SEO puede consultar esta guía e integrar estas prácticas en su flujo de trabajo multifuncional para mejorar el rendimiento del sitio y la experiencia del usuario. Nuestra hoja de trucos de SEO optimizará sus esfuerzos al resaltar qué tácticas de optimización de motores de búsqueda priorizar y por qué, para que pueda implementar una estrategia que respalde a cada uno de sus equipos.

Hoja de trucos de SEO

Los desarrolladores web generalmente reciben solicitudes de desarrollo web y SEO en partes mientras sus colegas monitorean el rendimiento del sitio y rastrean métricas como el tráfico orgánico del motor de búsqueda, la tasa de rebote y el tiempo de carga de la página. Pero el alcance de la responsabilidad de un equipo web se extiende más allá del SEO técnico. Tareas como verificar la velocidad de la página o redirigir URLS a menudo se asignan a desarrolladores web sin explicar por qué estas tácticas son necesarias para mejorar las clasificaciones de Google o respaldar los objetivos de la empresa.

Afortunadamente, el desarrollo web y el SEO pueden ir de la mano. Concéntrese en estas siete estrategias de SEO en la página para aumentar sus posibilidades de clasificación para las palabras clave deseadas.

1. Velocidad del sitio

Según Google, cuando el tiempo de carga de una página web aumenta de uno a tres segundos, los visitantes tienen un 32 % más de probabilidades de volver a los resultados de búsqueda. La velocidad de la página también es un factor de clasificación, por lo que es más que una preocupación de UX.

Use PageSpeed ​​Insights de Google para verificar el rendimiento de su sitio en computadoras de escritorio y dispositivos móviles. Proporciona retroalimentación sobre qué factores necesitan mejorar.

ejemplo de información sobre la velocidad de la página de la hoja de trucos para desarrolladores

2. Diseño web compatible con dispositivos móviles

Google implementó la indexación móvil primero en 2019, que prioriza los sitios web optimizados para dispositivos móviles en los SERP, independientemente del dispositivo. Pruebe cómo aparece su sitio en dispositivos móviles con la herramienta de prueba de optimización para dispositivos móviles de Google y discuta los cambios necesarios con sus diseñadores web. Esta herramienta proporciona una instantánea de cómo se muestra su página y señala problemas de usabilidad como:

  • Complementos incompatibles
  • Texto ilegible
  • Contenido que es más ancho que la pantalla
  • Enlaces que están demasiado juntos
ejemplo de prueba compatible con dispositivos móviles

3. Códigos de estado HTTP

Los enlaces rotos y los mensajes de error crean una experiencia de usuario deficiente y dificultan que los motores de búsqueda rastreen e indexen su sitio web. Diagnostique y solucione problemas rápidamente al monitorear los códigos de estado HTTP. De lo contrario, las páginas que devuelvan códigos 4xx (excepto 429) no se indexarán y los códigos de estado HTTP frecuentes 429, 500 y 503 darán como resultado una tasa de rastreo reducida.

Ejecute un informe de cobertura de índice en Google Search Console como parte de su auditoría técnica de SEO. Identifique los errores de rastreo y solucione los que están bajo su control. Incorpore estos datos en un plan de mejora del sitio.

Código de estado HTTP lo que significa
200 La página se está cargando normalmente.
301 redirección permanente; la autoridad de la página se pasa de la página de redireccionamiento a la nueva página y la nueva página finalmente aparecerá en los SERP en lugar de la página anterior.
302 redirección temporal; solo use esto para redireccionamientos a corto plazo.
404 Página no encontrada; asegúrese de que la página se elimine de su mapa del sitio y elimine o redirija todos los enlaces internos. Los motores de búsqueda desindexarán la página.
410 La página ha sido eliminada permanentemente; asegúrese de que la página se elimine de su mapa del sitio y elimine o redirija todos los enlaces internos. Los motores de búsqueda desindexarán la página.
429 Demasiadas solicitudes. Error de servidor o aplicación. Si el error ocurre regularmente, los motores de búsqueda pueden reducir la tasa de rastreo.
500 Error de servidor interno. Si el error ocurre regularmente, los motores de búsqueda pueden reducir la tasa de rastreo.
503 El servidor no está disponible. Si el error ocurre regularmente, los motores de búsqueda pueden reducir la tasa de rastreo.
ejemplo de página de error 404 personalizada para pixar

4. Elementos HTML importantes

Los elementos HTML juegan un papel integral para ayudar a los rastreadores de búsqueda a comprender su contenido y pueden afectar la visibilidad de la búsqueda. Audite los elementos HTML regularmente y optimícelos para la búsqueda según sea necesario. Preste especial atención a lo siguiente.

Etiquetas de título de página

Estos aparecen en las listas SERP directamente encima de la URL de la página. Deben ser claros, atractivos y concisos para fomentar los clics.

Ejemplo de etiqueta de título de página en SERP
Etiquetas de encabezado

Defina la jerarquía de información en su página con etiquetas de encabezado. Las etiquetas H1 son el título principal de un artículo y son la etiqueta de encabezado más importante para SEO. Las etiquetas H2 a H6 se utilizan para indicar temas y subtemas.

Meta descripciones

Una meta descripción ayuda a aumentar las tasas de clics al proporcionar información sobre el tema de una página. Aparecerá debajo del título de la página en las páginas de resultados del motor de búsqueda. Una buena meta descripción incluye su palabra clave y un llamado a la acción que hace que un buscador quiera visitar su página.

ejemplo de meta descripción
Imágenes

Use etiquetas alt de imagen para describir el contenido de una imagen. Además de ser una parte esencial de la accesibilidad del sitio, las etiquetas alt que contienen una palabra clave relevante mejoran la optimización del motor de búsqueda en la página. Las imágenes deben comprimirse y tener el tamaño adecuado para que se carguen más rápido.

Etiquetas canónicas

Use etiquetas canónicas para resolver problemas de contenido duplicado y señalar a los motores de búsqueda la versión maestra de una página cuando sea necesario. Obtenga más información sobre ellos a continuación.

5. Estructura del sitio y de la página

Para clasificar su sitio, Googlebot necesita comprender cómo está organizado y la relación entre las diferentes secciones. Implemente una jerarquía de sitios que ilustre la lógica de cómo fluye la información y cómo las páginas se relacionan entre sí. Concéntrese en los elementos a continuación para ayudar a los usuarios y a los robots de búsqueda a ubicar el contenido correcto.

Estructura HTML

Use etiquetas de encabezado HTML (H1 a H6) para organizar cada página y mostrar claramente la jerarquía de la información. Subdivida aún más el contenido en bloques usando etiquetas como <div>, <section> o <footer>.

Aumente la legibilidad de una página tanto para los lectores como para los motores de búsqueda al incluir una tabla de contenido al principio de un artículo o como una barra lateral, con enlaces a la sección correspondiente. Esto facilita que los usuarios naveguen por la página y que los motores de búsqueda comprendan el contenido de la página.

Estructura de URL

Las URL pueden decirle a los robots de búsqueda de qué se trata una página. Por ejemplo, está claro que el siguiente enlace es para una página de categoría en el blog de Victorious sobre SEO en la página.

  • https://victoriousseo.com/blog/category/on-page-seo/

Como regla general, utilice una estructura coherente para las URL. Incluya la palabra clave para la que desea clasificar y manténgala breve, simple y descriptiva. Evite los números al azar o la jerga, y use un guión para separar las palabras para mayor claridad.

explica la anatomía de una URL gráficamente
Redirección

Los redireccionamientos ayudan a los usuarios y a los rastreadores de motores de búsqueda a encontrar el contenido que buscan cuando se mueven, eliminan o combinan páginas. De lo contrario, la página que falta se convierte en un callejón sin salida: un error 404.

Utilice redireccionamientos permanentes y temporales para indicar cómo interpretar la nueva ubicación de la página. Los redireccionamientos permanentes (301) se toman como una fuerte señal de que la nueva página de destino es canónica (más sobre esto más adelante). Es más probable que las redirecciones temporales (302) mantengan la URL anterior en los resultados de búsqueda. Debido a esto, solo debe usarlos por períodos cortos.

Enlace interno

Los enlaces internos guían a los usuarios entre las páginas de un sitio web. Sus páginas clave deben ser fácilmente accesibles a través de su menú o una barra lateral.

Los enlaces internos también ayudan a Google a comprender qué páginas son valiosas para fines de clasificación, ya que están enlazadas con más frecuencia. Esto debe incluir páginas de categorías de productos o páginas de servicios.

A través de enlaces estratégicos, puede compartir la autoridad de sus páginas de mayor rango con otras páginas de su sitio (lo que se conoce como "equidad de enlaces"). La vinculación interna bien pensada puede mejorar la clasificación de la página en cuestión y de todas las páginas internas a las que está vinculando.

Mapas de sitio XML

Piense en un mapa del sitio XML como una hoja de ruta para ayudar a los robots de búsqueda a rastrear su sitio de manera eficiente. Los sitemaps enumeran las páginas importantes de su sitio, las relaciones entre ellas y la fecha en que se actualizaron por última vez. Debe actualizarse regularmente para una indexación adecuada.

6. Rastreo eficiente

Google le da a cada sitio web un presupuesto de rastreo que determina cuánto tiempo pasan sus bots indexando páginas. Aproveche al máximo el suyo indicando las páginas que no desea que los bots rastreen o indexen. Minimice la probabilidad de que el índice se hinche asegurándose de que ciertas páginas no estén indexadas. Puede usar archivos robot.txt y metaetiquetas de robot para administrar cómo Googlebot navega por su sitio y asegurarse de que se rastree de la manera más eficiente posible.

Archivo robots.txt

Robots.txt es un archivo de todo el sitio que le dice a los robots de búsqueda a qué páginas acceder e indexar. Use el comando "no permitir" en el archivo para especificar las URL que no desea que se rastreen. Estos pueden incluir páginas de cuenta, páginas de confirmación y versiones para imprimir de su contenido.

Los bots de rastreo no están obligados a seguir estas instrucciones y aún pueden indexar páginas a través de enlaces internos. Para evitar esto, utilice la metaetiqueta robots.

Metaetiqueta Robots

El uso de la metaetiqueta robots en la sección <head> de un documento HTML dirige a los rastreadores del motor de búsqueda a nivel de página. La etiqueta de robots le permite proporcionar una directiva para una página a un bot de motor de búsqueda específico o a todos los bots de rastreo.

Por ejemplo, la siguiente etiqueta impide que Google traduzca una página:

  • <meta nombre=”googlebot” content=“notranslate”>

Encuentre una lista de las metaetiquetas de robots que Google reconoce en su documentación de SEO avanzado.

X-robots

Emita directivas en todo el sitio sobre cómo manejar archivos que no sean HTML con X-Robots, lo que le permite proporcionar instrucciones en el encabezado de respuesta HTTP de una página con respecto a lo que no debe indexarse. Por ejemplo, puede bloquear la indexación de una imagen específica o un archivo PDF. Para agregar X-Robots a su página, acceda a los archivos de configuración del servidor o .php de su sitio web.

canonicalización

El contenido duplicado puede disminuir sus posibilidades de clasificación para una palabra clave en particular, ya que determinar qué página es la original se deja en manos del motor de búsqueda. Las etiquetas canónicas administran el contenido duplicado especificando qué página es la copia maestra. Esto ayuda a guiar a los motores de búsqueda cuando están determinando qué página debe posicionarse.

Las etiquetas canónicas se colocan en el encabezado del código HTML de una página y le indican a Google la URL de la versión canónica de la página. Por ejemplo:

  • <enlace rel=”canonical” href=”test.com/blog/original”>
Paginación

A veces, es necesario dividir el contenido largo en varias páginas para facilitar la lectura. Para asegurarse de que Google no los vea como contenido duplicado o como páginas individuales no relacionadas, señale que una página es parte de una serie de varias páginas.

  • Cree una página maestra con el contenido completo y use una etiqueta canónica para solicitar que Google indexe esta página.
  • Utilice las etiquetas rel=prev/next para la navegación, que son etiquetas de paginación específicas. Si bien ya no es una señal de indexación, estas etiquetas son útiles para otros motores de búsqueda y para fines de accesibilidad web.
Agentes de usuario más comunes

El atributo User-Agent en el encabezado ayuda a determinar la versión del navegador y el dispositivo que usa un usuario, entre otras cosas. La implementación de agentes de usuario significa que puede entregar la versión correcta de una página web en función de la información del agente de usuario.

Por ejemplo, si detecta que un usuario (o rastreador) se está conectando con Safari en iOS, configure su servidor web para que sirva automáticamente la versión móvil del sitio para que la información se muestre correctamente.

7. Apariencia del Contenido

La apariencia de su contenido en sitios externos, como SERP y plataformas de redes sociales, no afecta las clasificaciones de búsqueda, pero puede mejorar el tráfico a su sitio. Para mejorar los clics, sus publicaciones deben resaltar su título llamativo o una imagen grande. Esto puede aumentar indirectamente las tasas de conversión e incluso los vínculos de retroceso.

Controle cómo aparece su contenido en las redes sociales y las SERP utilizando las siguientes herramientas.

Etiquetas de gráficos abiertos

Las etiquetas Open Graph controlan cómo se muestra una página web cuando se ve en plataformas de redes sociales como Facebook. Muchas plataformas de terceros tienen su propio conjunto de etiquetas de gráficos abiertos. El sitio web de Open Graph Protocol tiene una lista de especificaciones utilizadas en el protocolo.

Marcado de tarjetas de Twitter

Las tarjetas de Twitter son similares a las etiquetas Open Graph y controlan cómo aparecen su título, descripción e imagen cuando alguien comparte su enlace en un tweet. Hay diferentes tipos de metaetiquetas de Twitter Card que puedes agregar a tu página.

Datos estructurados

Para ayudar a los motores de búsqueda a indexar el contenido, los programadores de SEO pueden agregar datos estructurados a una página usando JSON-LD (Notación de objetos de JavaScript para datos vinculados). Los datos estructurados, también conocidos como esquema, son un formato estandarizado para indicar elementos clave de contenido.

Por ejemplo, use datos estructurados para resaltar los ingredientes, el tiempo de cocción, la temperatura y las calorías en una página de recetas. Estas etiquetas ayudan a los motores de búsqueda a comprender qué consultas de búsqueda responde el contenido.

Fragmentos enriquecidos

También es importante optimizar la forma en que los motores de búsqueda muestran su página web en los resultados de búsqueda. Mejore su listado SERP con fragmentos enriquecidos, como una imagen, una vista previa de video o calificaciones de estrellas, para que sea más atractivo para los buscadores. Use el esquema para generar fragmentos enriquecidos y brindar a los buscadores más información sobre su sitio web directamente desde la página de resultados del motor de búsqueda.

Reúna las piezas de su estrategia de SEO

El desarrollo web SEO requiere la implementación de las mejores prácticas, una revisión constante del rendimiento y atención a los detalles. Un socio de confianza como Victorious puede ayudarlo a administrar algunos o todos estos elementos para complementar sus recursos internos y reducir la presión sobre sus desarrolladores web. Tenemos un conjunto completo de servicios de SEO para satisfacer sus necesidades y un equipo de expertos para responder sus preguntas. Solicite una consulta gratuita de SEO para obtener más información.