La motivación de este documento es para generar plantillas a partir de las cuales crear nuevas landing pages.

Lo punto a tener en cuenta, en el siguiente orden:

  1. Usabilidad móvil: El sitio debe ser completamente funcional en todo tipo de dispositivos móviles. Corroborar con la Prueba de optimización para móviles de Google.
  2. Las etiquetas <title> y <meta name=”descriptions”> deben existir y ser únicas en cada página, y poder ser modificadas fácilmente luego.
  3. Debe existir una (sólo una) cabecera <H1> en cada página con el texto más importante que la describe, y 2 o 3 etiquetas H2 con textos relacionados pero de nivel de importancia menor que el H1.
    1. Importante que el H1 aparezca al principio del código. Los siguientes heading deben estar después.
    2. Se deben poder modificar luego sin mayores inconvenientes.
  4. Todas las imágenes de los slides e internas de la web que tienen texto en su interior deben ser posible de rastrear por Google.
    1. Es decir, que el texto esté presente en el código HTML y no sea parte de la imagen.
    2. Esto podría generar contenido oculto que no le guste a Google. Más Info.
  5. Las urls deben ser "amigables", es decir que con leer la URL deberíamos entender de qué trata esa página en particular y estar optimizada con palabras claves.
  6. Estructura interna lo menos vertical posible, con pocos directorios para llegar a la URL final. Ej: INCORRECTO: /default/promociones/invierno/caviahue/cerro.html,CORRECTO: /promociones-cerro-caviahue.html Se recomienda un máximo de 3 subdirectorios.
  7. Al subir las imágenes que conserven su nombre y extensión, ya que a través de éstos podemos informar el contenido de las mismas, usando palabras claves amigables. (ej: foto-cuadro-living.jpg en lugar de 123kjhshf.jpg)
  8. Cada imagen debe contener un texto alternativo que la describa, pudiendo ser modificado luego y que no sea exactamente igual al nombre de la imagen.La estructura HTML: <img src="cachorro-fox-terrier.png" alt="Cachorro de raza Fox Terrier Marrón">. Más Info.
  9. Se debe poder incluir códigos de seguimiento dentro de <head> y/o <body> que automáticamente se inserten en todas las páginas internas del sitio. Esto es útil para insertar luego el código de seguimiento de Google Analytics, Tag Manager, Remarketing de Adwords, Pixel de conversión de Facebook, etc.
  10. También se deben poder agregar códigos a páginas puntuales en el <head> y/o <body>, diferentes para cada caso (ej: etiquetas canonicals, hreflang, noindex, etc).
  11. Se debe pensar alguna forma de enlazar las distintas secciones internas del sitio, normalmente con un footer.
  12. Habilitar la generación automática de Breadcrumbs. Más info
  13. Evitar páginas duplicadas (dos urls distintas que entregan el mismo código HTML). Los casos comunes es por: Dejar público el ambiente de Test; al pasarle parámetros al servidor en la URL. (con /?=parametro&lo-que-sea); Mudanza de landings/secciones hacia otra parte del sitio, dejando online la vieja ubicación. Más Info.
  14. Se puede evaluar la posibilidad de implementar AMP.

Otros detalles importantes: