Optimizar landing pages para SEO desde el punto de vista de desarrollo

Cualquier persona del mundo del marketing sabe de la importancia del SEO (Search Engine Optimization) para posicionarse en los motores de búsqueda. Hay trillones de búsquedas al día y, para muchos negocios, el canal orgánico es su mayor entrada de visitantes.

A pesar de ser uno de los elementos clave del marketing digital, muchos desarrolladores entran en el mundo del desarrollo web sin ningún conocimiento de SEO y sin ni siquiera unas pautas básicas sobre las que trabajar. En este artículo veremos las claves del SEO desde el punto de vista del desarrollador, que entran dentro de lo conocido como on-site SEO o on-page SEO.

Para una correcta optimización, los especialistas de SEO empiezan por un keyword research que les permite rellenar los meta tags, títulos y otros elementos del site de forma inteligente y eficiente, enfocada en la captación y en la conversión. Esta información se traslada a los desarrolladores para implementarlo en el HTML. Desgraciadamente, estas indicaciones no siempre llegan y los desarrolladores tienen que buscarse la vida o desarrollar páginas sin el SEO en mente que después no aparecen en los motores de búsqueda.

Los pasos naturales de un SEO correcto son:

1. Keyword Research
2. Meta Tags
3. HTML
4. Rendimiento
5. Link Building

Como enfocamos este artículo para los desarrolladores, solo hablaremos de la correcta implementación de los Meta Tags, HTML y la optimización del rendimiento (PageSpeed).

Meta Tags

• Title Tag: el título es el punto de entrada a tu página, lo primero que el usuario ve en los resultados de la búsqueda, en un post de las redes sociales donde se haya compartido la página o en las pestañas del navegador. El título debe ser breve y conciso, de entre 50 y 60 caracteres y las palabras importantes (oferta, descuentos, dónde, por qué…) deben estar situadas lo antes posible, seguido por el nombre de la empresa o negocio. Es también importante que los títulos no se repitan en la web.
• Meta Description: la descripción es también muy importante, ya que se muestra tanto debajo del título en la página de resultados como en las redes sociales cuando se comparte la URL, y puede ayudar al usuario a decidirse a entrar. Una óptima meta description no tiene más de 160 caracteres (Google corta los snippets entre 155 y 160 caracteres). Debe ser una descripción breve del contenido que encontrarán en la página.
• Canonical: en caso de tener contenido duplicado, es importante añadir el tag rel=”canonical” y añadir la URL de la página de donde se está duplicando contenido. De esta forma, los search engines no penalizan por contenido duplicado y la página enlazada es la considerada principal o original por los robots.

HTML

Para este artículo, asumiremos que el contenido está proporcionado por el departamento de marketing, contenido o producto y que, por lo tanto, está optimizado con los keywords necesarios. Los puntos a tener en cuenta a la hora de escribir el HTML son:

• Títulos: los header tags (h1 - h6) se usan para dar estructura a la página y a las secciones. Solo debe haber un h1, que debe ser igual que el title tag o lo más parecido posible y debe estar posicionado en la página lo más arriba posible. Después, el resto de cabeceras (h2 – h6) se deben poner de manera jerárquica para estructurar el contenido y deben contener keywords, aunque no necesariamente las de primer nivel. Es decir, si estás haciendo una landing page de ofertas de coches, las keywords principales serían oferta, descuento, la marca de los coches…, mientras que la keyword secundaria podría ser coche.
• Texto alt: el atributo alt de las etiquetas de imágenes es importante para indicar a los motores de búsqueda qué imagen estamos mostrando, para la accesibilidad de la página (lectores de pantalla) y para mostrar el texto en caso de que haya un error y la imagen no se cargue.
• Anchor text: cuando se ponen links en la página, hay tres puntos a tener en cuenta:
  • Si es un link externo, cuanto más relevancia tenga la página a la que linkamos, mejor.
  • El texto debe ser breve y descriptivo del contenido de la página enlazada (no poner “aquí” o “en este link”).
  • Si no quieres que el contenido de tu página se asocie a la página linkada o no quieres que el search engine haga crawl de esa página, añadir rel=”nofollow”. Hay otros rel tags que pueden ser de interés o necesarios para optimizar el SEO.

Rendimiento (PageSpeed)

La velocidad de carga de la página es muy importante para la experiencia de usuario, por lo que los motores de búsqueda le dan mejor puntuación a las páginas rápidas que no cargan elementos (scripts, imágenes, etc.) innecesarios. Google puntúa del 0 al 100 las páginas y puedes comprobar tu puntuación y detalles sobre el resultado en su página de PageSpeed Insights.

Para más detalles sobre cómo optimizar tus páginas para una mayor puntuación, lee nuestro artículo sobre Web Performance Optimization.

En Digital Hamster aplicamos todos estos conceptos y más para asegurar una máxima optimización de páginas web y landings, y así llegar a muchos más usuarios.