Optimiza tus páginas web con los meta tags fundamentales para SEO y experiencia de usuario. Aprende a implementar correctamente title, description y viewport para mejorar posicionamiento y usabilidad en dispositivos móviles.
Ejemplos de meta tags en el código HTML y su impacto en resultados de búsqueda
Contenido del Artículo
Meta Title: Primera Impresión
El título es el elemento más importante para SEO y CTR (Click-Through Rate):
Longitud
50-60 caracteres
Palabras clave
Al principio del título
Marca
Incluir al final
<!-- Buen ejemplo -->
<title>Zapatos Deportivos | Running | MarcaX</title>
<!-- Mal ejemplo -->
<title>MarcaX | Página principal | Productos | Zapatos | Deportivos | Running</title>Google puede reescribir títulos si considera que no son relevantes
Meta Description: Resumen Atractivo
Descripción persuasiva que aparece en los resultados de búsqueda:
<!-- Ejemplo efectivo -->
<meta name="description" content="Zapatos deportivos de alto rendimiento para running. Tecnología de amortiguación avanzada. Envío gratis en pedidos superiores a $50.">| Elemento | Recomendación |
|---|---|
| Longitud | 120-160 caracteres |
| Llamada a acción | Incluir verbos activos |
| Relevancia | Coincidir con contenido real |
| Palabras clave | Incluir 1-2 principales |
| Unicidad | Descripción única por página |
Viewport: Experiencia Móvil
Esencial para diseño responsive y Core Web Vitals:
width=device-width
Adaptar al ancho del dispositivo
initial-scale=1
Evitar zoom inicial no deseado
maximum-scale=5
Permitir zoom máximo
user-scalable=yes
Permitir zoom (accesibilidad)
<!-- Configuración estándar -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Configuración avanzada -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, viewport-fit=cover">Otras Meta Tags Importantes
Tags adicionales para mejorar SEO y experiencia:
<!-- Charset (obligatorio) -->
<meta charset="UTF-8">
<!-- Open Graph (redes sociales) -->
<meta property="og:title" content="Zapatos Deportivos | MarcaX">
<meta property="og:description" content="Zapatos de running con tecnología avanzada">
<meta property="og:image" content="https://www.tusitio.com/imagen-share.jpg">
<!-- Canonical URL -->
<link rel="canonical" href="https://www.tusitio.com/productos/zapatos-deportivos">
<!-- Robots (indexación avanzada) -->
<meta name="robots" content="index, follow, max-image-preview:large">
