Generador de metaetiquetas
Solo las etiquetas que siguen funcionando
Este generador de metaetiquetas escribe el bloque head de una página: título, descripción, canonical, robots y las dos etiquetas que necesita todo navegador. Además, mide tu título en píxeles mientras escribes, así que nada se corta después.
- GratisPrecio
- 9Etiquetas
- NingunoRegistro
- NingunoSubidas
Generador de metaetiquetas
Las etiquetas head que necesita cada página, en el orden correcto
Apunta a entre 50 y 60 caracteres.
Apunta a entre 120 y 155 caracteres.
- Etiquetas
- 0
- Título
- 0 px
- Descripción
- 0 px
Listo. Rellena un título y el bloque empezará a construirse solo.
Qué metaetiquetas siguen importando
Una página necesita muchas menos etiquetas head de las que llevan la mayoría de las plantillas. Cinco hacen trabajo real. El resto se copió de un tutorial hace años y nadie lo cuestionó.
Las cinco son sencillas: charset, viewport, título, descripción y canonical. Dos de ellas hablan con el navegador, y tres con los buscadores.
Los otros campos son opcionales; el generador los omite si van vacíos. Robots importa cuando quieres cambiar el valor por defecto, y el color de tema importa en un móvil. En cambio, author y keywords no cambian nada.
Por eso este generador escribe a propósito un bloque corto. Google mantiene su propia lista de las etiquetas que entiende, y es más corta de lo que la mayoría espera.
Por qué importa el orden en el head
Charset va primero. Un navegador al que no se le ha indicado una codificación empieza a adivinar, y cuando lo descubre después tiene que analizar la página de nuevo.
La regla se mide en bytes y no en etiquetas. La declaración debe caer en el primer kilobyte, y eso es fácil de romper poniendo encima una etiqueta script larga.
Luego viene viewport, porque el diseño en un móvil depende de ella. Después de esas dos, el orden es cuestión de gusto.
El título y la descripción hacen trabajos distintos
El título es una señal de posicionamiento y la línea en la que la gente hace clic. Pertenece a la página, no a tu marca, así que empieza por el tema y pon la marca al final.
Google no sube una página por su descripción. En cambio, vende el clic, y los buscadores la reescriben cuando creen que otra frase responde mejor a la búsqueda.
Ambos se cortan por ancho y no por número de letras, y por eso el marcador de este HTML del generador de metaetiquetas muestra primero los píxeles.
La etiqueta keywords es una pieza de museo
Google la abandonó en 2009 y lo dijo en público. Además, Bing la trata como señal de spam. El campo sigue aquí porque la gente lo pide, y la nota que lo acompaña es honesta sobre lo que hace.
Robots, canonical y los dos errores
Una etiqueta robots que dice index y follow no cambia nada, ya que es el valor por defecto. Escribirla cuesta una línea y le enseña a la siguiente persona que hacía falta.
Sin embargo, una etiqueta canonical que apunta a la propia página sí merece la pena. Decide cuál de las seis direcciones posibles de esa página es la auténtica.
Los dos errores son opuestos y ambos frecuentes. Un noindex que se queda activo tras el lanzamiento, y un canonical en cada página que apunta a la portada.
Qué va en el head y qué no
El head contiene instrucciones. Por eso, todo lo que ve un lector va en el body, y mezclar ambos retrasa el primer pintado.
Deja los scripts fuera de su parte superior. Una etiqueta script encima de la línea charset empuja esa línea más allá del primer kilobyte, y entonces el navegador vuelve a analizar la página.
Las hojas de estilos son la excepción que conviene hacer. Un enlace cerca del principio permite al navegador empezar a descargar mientras lee el resto.
Las demás etiquetas pueden esperar a la segunda revisión. La analítica, los widgets de chat y los cargadores de fuentes van más abajo, donde no le cuestan nada al lector antes de que aparezca la página.
Qué va en el head y qué no
El head contiene instrucciones. Por eso, todo lo que ve un lector va en el body, y mezclar ambos retrasa el primer pintado.
Deja los scripts fuera de su parte superior. Una etiqueta script encima de la línea charset empuja esa línea más allá del primer kilobyte, y entonces el navegador vuelve a analizar la página.
Las hojas de estilos son la excepción que conviene hacer. Un enlace cerca del principio permite al navegador empezar a descargar mientras lee el resto.
Las demás etiquetas pueden esperar a la segunda revisión. La analítica, los widgets de chat y los cargadores de fuentes van más abajo, donde no le cuestan nada al lector antes de que aparezca la página.
Qué va en el head y qué no
El head contiene instrucciones. Por eso, todo lo que ve un lector va en el body, y mezclar ambos retrasa el primer pintado.
Deja los scripts fuera de su parte superior. Una etiqueta script encima de la línea charset empuja esa línea más allá del primer kilobyte, y entonces el navegador vuelve a analizar la página.
Las hojas de estilos son la excepción que conviene hacer. Un enlace cerca del principio permite al navegador empezar a descargar mientras lee el resto.
Las demás etiquetas pueden esperar a la segunda revisión. La analítica, los widgets de chat y los cargadores de fuentes van más abajo, donde no le cuestan nada al lector antes de que aparezca la página.
Qué va en el head y qué no
El head contiene instrucciones. Por eso, todo lo que ve un lector va en el body, y mezclar ambos retrasa el primer pintado.
Deja los scripts fuera de su parte superior. Una etiqueta script encima de la línea charset empuja esa línea más allá del primer kilobyte, y entonces el navegador vuelve a analizar la página.
Las hojas de estilos son la excepción que conviene hacer. Un enlace cerca del principio permite al navegador empezar a descargar mientras lee el resto.
Las demás etiquetas pueden esperar a la segunda revisión. La analítica, los widgets de chat y los cargadores de fuentes van más abajo, donde no le cuestan nada al lector antes de que aparezca la página.
Las metaetiquetas para SEO son un suelo, no un techo
Las etiquetas correctas evitan que una página se malinterprete. Sin embargo, no la hacen posicionarse. El contenido, los enlaces y la velocidad deciden eso, y ningún bloque head sustituye a ninguno de los tres.
En esta página
- La herramienta
- Qué metaetiquetas siguen importando
- El generador de metaetiquetas, paso a paso
- Lo que distingue a este generador de metaetiquetas
- Reglas para escribir metaetiquetas
- Seis errores de metaetiquetas que las auditorías siguen encontrando
- Preguntas frecuentes sobre metaetiquetas
- Herramientas para el resto del head
Sigue leyendo
El generador de metaetiquetas, paso a paso
Cuatro pasos, y el bloque se construye solo sobre la marcha. Mientras tanto, el panel de notas señala lo que conviene corregir.
- 1
Escribe primero el título
Pon el tema al principio. El marcador bajo el campo te da el ancho en píxeles, así que ves venir el corte.
- 2
Añade una descripción que venda el clic
Una o dos frases. Di lo que obtiene el lector y para. Lo que pase del recuadro es invisible.
- 3
Configura el canonical y los interruptores de robots
Pega la dirección completa de esta página. Deja ambos interruptores activados salvo que de verdad quieras la página fuera de los resultados.
- 4
Copia el bloque en tu head
Pégalo arriba en
<head>, encima de cualquier script. Luego revisa una vez más el panel de notas antes de publicar.
Lo que distingue a este generador de metaetiquetas
La mayoría de los generadores escriben cuarenta líneas y te dejan a ti ordenarlas. Este escribe nueve y explica cada una.
Píxeles, no caracteres
Tu título se mide como lo mide una página de resultados. Dos títulos de sesenta letras pueden diferir en ochenta píxeles.
Rechaza las etiquetas muertas
Nada de revisit-after, rating ni distribution. Nadie las lee, así que escribirlas solo añade peso y una falsa tranquilidad.
Notas en lugar de una puntuación
El panel nombra lo que falta y por qué importa. Una marca verde te diría menos que una frase clara.
Orden correcto por defecto
Charset primero, viewport después. Ese orden es un requisito del navegador y no una preferencia, y los comentarios lo dicen.
Comentarios que puedes conservar
Marca una casilla y cada etiqueta llega con una línea breve que explica lo que hace. Resulta útil cuando otra persona mantiene la plantilla.
Las imágenes nunca salen de esta pestaña de Denwix
Por aquí pasan títulos sin publicar y direcciones de clientes. Como la página lo escribe todo en local, nada de ello llega a un servidor.
Reglas para escribir metaetiquetas
Cada una se resuelve en menos de sesenta segundos. Juntas eliminan la mayoría de los problemas que una auditoría encuentra después.
- Un título por página, y que sea único. Los títulos duplicados en un sitio son la forma más rápida de confundir a un rastreador. Cada página necesita el suyo, por parecidas que sean las páginas.
- Pon el tema antes que la marca. Los lectores escanean las primeras palabras. Un título que empieza con el nombre de tu empresa gasta su mejor espacio en algo que ya saben.
- Escribe la descripción para el clic. No tiene peso en el posicionamiento, así que trátala como texto publicitario. Di lo que ofrece la página y para antes de que lo haga el recuadro.
- Usa la dirección completa en un canonical. Pon la URL completa, con https y dominio. Un canonical relativo es válido, y también es el más fácil de apuntar a la página equivocada.
- Revisa el noindex antes del lanzamiento. Los sitios de pruebas lo llevan, y viaja con la plantilla. Así que búscalo una vez antes de publicar un sitio, siempre.
- Olvida la etiqueta keywords. Les dice a tus competidores qué buscas posicionar y a los buscadores nada. El campo existe aquí solo porque la gente lo pide.
- Mantén corto el bloque head. Cada etiqueta que hay ahí son bytes antes del primer pintado. Nueve etiquetas útiles ganan a cuarenta que nadie lee.
- Indica el idioma en el elemento html. Va en
<html lang="en">y no en una metaetiqueta. El lector de pantalla se basa en él para escoger la pronunciación.
Seis errores de metaetiquetas que las auditorías siguen encontrando
Cada uno supera una revisión de código porque la página se ve bien. El daño aparece en cambio en las búsquedas.
Un noindex que sigue activo tras el lanzamiento
La página funciona, el diseño está terminado y el sitio sigue invisible durante semanas. Compruébalo el día que publiques.
Todas las páginas con canonical a la portada
Una variable de plantilla que nunca se rellenó. El resultado dice a los buscadores que todo tu sitio es una sola página.
El mismo título en cincuenta páginas
Suele ser una plantilla de categoría. Añade el nombre de la página al principio y el problema desaparece con una edición.
Charset empujado hacia abajo por un script
Un script en línea largo encima de la línea charset la lleva más allá del primer kilobyte, así que el navegador vuelve a analizar la página.
Una descripción escrita para un robot
Las listas de palabras clave se leen mal en un resultado. Una frase sencilla consigue más clics, y los clics son la razón de ser de la etiqueta.
Poner el canonical dos veces en la misma página
Un plugin añade una, un tema añade otra, y los buscadores ignoran ambas. Mira el código fuente una vez y cuéntalas.
Preguntas frecuentes sobre metaetiquetas
¿Cuántas metaetiquetas necesita realmente una página?
Cinco llevan el peso: charset, viewport, título, descripción y canonical. Además, se une una etiqueta robots cuando quieres algo distinto del valor por defecto, que es index y follow.
¿Un generador de metaetiquetas ayuda al SEO?
Elimina errores más que sumar posiciones. Las metaetiquetas correctas para SEO evitan que una página se malinterprete, mientras que el contenido y los enlaces deciden dónde queda.
¿Cuántos caracteres conviene poner en un title?
Apunta a entre 50 y 60 caracteres, y revisa aquí el número de píxeles. Los resultados de escritorio cortan cerca de los 580 píxeles, así que un título de letras anchas puede cortarse a los 52 caracteres.
¿Por qué Google enseña otro título en lugar del mío?
Porque reescribe los títulos cuando cree que otra redacción encaja mejor con la búsqueda. Google explica ese comportamiento en su documentación sobre los enlaces de título.
¿Todavía debo usar la metaetiqueta keywords?
No. Google anunció en 2009 que ignora esa etiqueta, y nada ha cambiado desde entonces. Por eso, omitirla no te cuesta nada.
¿Dónde van exactamente estas etiquetas?
Dentro del elemento head, lo más arriba posible. Charset y viewport van en el primer kilobyte del documento, antes de cualquier etiqueta script.
¿Puedo usar el HTML de este generador de metaetiquetas en WordPress?
Sí, aunque compruébalo antes. La mayoría de los plugins de SEO ya escriben el título, la descripción y el canonical, así que añadirlos a mano te daría dos de cada.
¿Qué hace la etiqueta de color de tema?
Tiñe la interfaz del navegador en Android y en las apps web instaladas. En cambio, los navegadores de escritorio la ignoran, así que es una pequeña mejora y no un requisito.
¿Las redes sociales leen estas etiquetas?
Solo el título, y solo a veces. Las tarjetas salen de las etiquetas Open Graph, para las que este sitio tiene un generador aparte, así que escribe ambos bloques ya que estás aquí.
¿Importa el orden de las metaetiquetas?
Para dos de ellas, sí. Charset y viewport van en el primer kilobyte del documento. Después de esas, el orden es cuestión de gusto y no una regla.
¿Las redes sociales leen estas etiquetas?
Solo el título, y solo a veces. Las tarjetas salen de las etiquetas Open Graph, para las que este sitio tiene un generador aparte, así que escribe ambos bloques ya que estás aquí.
¿Importa el orden de las metaetiquetas?
Para dos de ellas, sí. Charset y viewport van en el primer kilobyte del documento. Después de esas, el orden es cuestión de gusto y no una regla.
¿Las redes sociales leen estas etiquetas?
Solo el título, y solo a veces. Las tarjetas salen de las etiquetas Open Graph, para las que este sitio tiene un generador aparte, así que escribe ambos bloques ya que estás aquí.
¿Importa el orden de las metaetiquetas?
Para dos de ellas, sí. Charset y viewport van en el primer kilobyte del documento. Después de esas, el orden es cuestión de gusto y no una regla.
¿Las redes sociales leen estas etiquetas?
Solo el título, y solo a veces. Las tarjetas salen de las etiquetas Open Graph, para las que este sitio tiene un generador aparte, así que escribe ambos bloques ya que estás aquí.
¿Importa el orden de las metaetiquetas?
Para dos de ellas, sí. Charset y viewport van en el primer kilobyte del documento. Después de esas, el orden es cuestión de gusto y no una regla.
¿Se guarda algo de lo que escribo aquí?
No. Tu navegador escribe las etiquetas en esta pestaña. Nada se envía a este sitio, nada se guarda y al cerrar la página se borra.
Herramientas para el resto del head
Las metaetiquetas son una parte de lo que va encima de tu contenido. Estas tres cubren el resto.
Generador de Open Graph
Las etiquetas og: que deciden cómo se ve un enlace compartido.
Abrir herramienta →Vista previa de SERP
Comprueba en qué punto Google recorta tu title y tu descripción.
Abrir herramienta →Generador de marcado schema
JSON-LD válido para FAQ, artículos y productos.
Abrir herramienta →
¿Listo para escribir tu bloque head?
Escribe un título, mira el recuento de píxeles y copia nueve etiquetas honestas. El generador de metaetiquetas es gratis, no necesita cuenta y mantiene cada palabra en tu dispositivo.