Generador de metaetique

Un generador de metaetiquetas construye el bloque de HTML que vive en <head> de una página y les dice a los motores de búsqueda y a las redes sociales cómo mostrar su página. Completa un título, una descripción, una imagen y algunos otros campos una vez, y la herramienta genera metaetiquetas formateadas correctamente: etiquetas SEO estándar, etiquetas Open Graph para Facebook y LinkedIn, y etiquetas de tarjetas de Twitter, que pegas directamente en tu plantilla. No más escritura manual de propiedades repetitivas = "og:..." líneas u olvido de la etiqueta de tarjeta de Twitter.

Obtener estas etiquetas correctas es importante porque controlan su fragmento de búsqueda y las vistas previas de sus enlaces. La <title> y la meta descripción dan forma a cómo se ve su resultado en Google; el título, la descripción y la imagen de Open Graph deciden cómo se ve un enlace compartido en un feed social. Este generador mantiene a los tres sincronizados con un único conjunto de entradas, indica títulos y descripciones que pasan más allá de la longitud que muestran los motores de búsqueda y puede agregar un bloque JSON-LD coincidente para datos estructurados.

Todo se ejecuta en el lado del cliente. Las URL, los enlaces de copia y de imagen que ingresa nunca se cargan, por lo que puede preparar etiquetas para páginas inéditas o herramientas internas de forma privada. El generador funciona sin conexión una vez cargado y la salida es HTML simple que posee: cópielo, colóquelo en su marco y envíelo.

Tres detalles representan la mayoría de las vistas previas rotas. Las URL de la imagen Open Graph deben ser absolutas, incluido el esquema, porque el rastreador que las recupera no tiene contexto de página para resolver una ruta relativa. Twitter vuelve a Open Graph para cualquier cosa para la que no tenga una etiqueta de Twitter, por lo que un conjunto de og completo más un tipo de tarjeta cubre ambas plataformas y es innecesario duplicar cada valor. Y las vistas previas se almacenan agresivamente en caché en cada plataforma, por lo que no aparecerá una etiqueta fija hasta que vuelva a extraer la URL en la propia herramienta de depuración de esa plataforma. Las advertencias de longitud reflejan dónde se trunca Google en lugar de un límite estricto: una descripción más larga es válida y simplemente se cortará, y una descripción que repita el título desperdicia el espacio que tiene.

Utilizado como generador de títulos de metaetiquetas, muestra el problema de longitud a medida que escribe. Ingrese a escritorios de roble hechos a mano para habitaciones pequeñas, construidos bajo pedido en madera maciza y aceite, ya que el título de la página y el contador se vuelven rojos en 72/60, con una advertencia de que el título puede truncarse. Córtelo a escritorios de roble hechos a mano para habitaciones pequeñas y el contador dice 34/60, la advertencia se borra y el mismo texto aparece en el título, por ejemplo:título y twitter:etiquetas de título. Un campo alimenta la búsqueda, Open Graph y la salida de Twitter, que es lo que debe hacer un generador de metaetiquetas para SEO.