Generador de metaetiquetas gratis
Componer título, descripción, abrir el gráfico y la tarjeta de Twitter meta etiquetas con vistas previas.
Cargando herramienta…
Cómo escribir títulos de página y meta etiquetas sociales
Compón un título de página, descripción y metadatos sociales con una vista previa de búsqueda. Copiar las etiquetas generadas en el cabezal de página relevante.
- Introduce un título específico y una descripción clara de la página.
- Establece la URL de la página y una URL de imagen de acceso público.
- Elige el tipo de contenido y agrega un mango de Twitter si es relevante.
- Revisa el marcado generado y la vista previa, luego copia las etiquetas a tu página.
Cuando un generador de metaetiquetas ayuda
Cada página pública se beneficia de un título claro, una breve descripción y etiquetas sociales que controlan cómo se ve un enlace compartido. Esta herramienta se adapta a los bloggers que establecen un nuevo post, a los propietarios de pequeñas empresas que editan una plantilla temática y a los desarrolladores que quieren un bloque de inicio limpio para una landing page.
Es útil cuando un constructor de sitios le permite pegar código de cabeza personalizado, pero no crea Open Graph o etiquetas de tarjeta de Twitter por tu cuenta. También ayuda cuando quieres revisar todos los valores en un solo lugar antes de entregarlos a un desarrollador.
Todo se produce en tu navegador a medida que teclea, por lo que puede probar varias versiones de título y descripción y compararlos antes de elegir uno.
Un ejemplo práctico
Introduce el título Tableros de corte de roble hecho a mano | Riverbend Woodshop, la descripción Tableros de roble macizo hechos a pedido en lotes pequeños. Guía de cuidado gratis con cada pedido., la URL https://riverbendwoodshop.com/boards/, una URL de imagen para la foto de tu producto, el tipo de producto y la manija riverbendshop.
La salida comienza con una etiqueta de título, una meta descripción y un enlace canónico que apunta a esa URL. Debajo viene og:type set to product, matching og:title, og:descripción, og:url y og:image tags, entonces twitter:card set to summary_large_image with twitter:title, twitter:descripción, twitter:image y twitter:site set to @riverbendshop. La vista previa de búsqueda muestra la URL, el título en una línea y la descripción cortada a dos líneas.
Copia el bloque completo con el botón Copiar y pégalo dentro de la sección de la cabeza de la página, reemplazando las etiquetas antiguas que cubren los mismos campos.
Cómo se construyen las etiquetas
Un título y una descripción alimentan cada etiqueta, por lo que el fragmento de búsqueda y las tarjetas sociales se mantienen consistentes. Se escapan caracteres especiales como ampersands y comillas, por lo que no pueden romper el HTML. El campo de título permite hasta 70 caracteres y la descripción hasta 180, con contadores en vivo para ayudarte a mantenerte conciso.
Las etiquetas de gráficos abiertas son leídas por muchas aplicaciones sociales y de mensajería para crear previsualizaciones de enlaces, y las etiquetas de tarjetas de Twitter hacen lo mismo en X. El enlace canónico le dice a los motores de búsqueda qué dirección considera la versión principal de la página. El menú tipo ofrece sitio web, artículo y producto.
La herramienta no obtiene la URL o la imagen, por lo que no puede confirmar que uno de los dos funciona. Comprueba ambas direcciones en un navegador antes de publicar.
Errores comunes a evitar
Dejar los valores de la muestra en su lugar es fácil de perder. Reemplaza el título, descripción, URL, imagen y manejo antes de copiar, o tu página anunciará el sitio de otra persona.
Escribe la manija de Twitter sin el signo en, porque la herramienta lo añade para usted. Usa una URL de imagen absoluta a partir de https, y asegúrate de que la imagen es accesible públicamente, o las vistas previas sociales no mostrarán imagen. Mantén un conjunto de estas etiquetas por página, ya que los duplicados de un plugin pueden entrar en conflicto.
Finalmente, recuerda que los motores de búsqueda pueden mostrar un título o fragmento diferente al que escribió, dependiendo de la consulta de búsqueda.
Consejos útiles y limitaciones
- Reemplaza cada valor de ejemplo con tu propia información.
- Las longitudes de la vista previa son ayudas para editar; los fragmentos de búsqueda reales pueden diferir.
- Escribe un título y descripción diferentes para cada página, así que los resultados de búsqueda y enlaces compartidos muestran claramente lo que cada página ofrece.
- Después de publicar, prueba la página en vivo en un verificador de previsualización social para confirmar que la imagen y el texto aparecen como se esperaba.
Preguntas frecuentes
¿Esto publica etiquetas en mi sitio?
No. Agrega el marcado generado a través de tu propio editor o desarrollador del sitio.
¿Pueden los motores de búsqueda reescribir mi descripción?
Sí. La descripción es una sugerencia, no un fragmento de búsqueda fijo.
¿Una URL de imagen sube un archivo aquí?
No. Se refiere a una imagen alojada en esa dirección.
¿Qué tipo de tarjeta de twitter utiliza la herramienta?
Siempre utiliza summary_large_image, que muestra una imagen grande sobre el título cuando la plataforma lo soporta.
¿Por qué hay un enlace canónico en la salida?
La etiqueta canónica apunta los motores de búsqueda a la URL preferida para la página. Asegúrate de que coincida con la dirección exacta que desea indexar.
¿Qué debo elegir para el campo tipo?
Usa el artículo para publicaciones de blog y noticias, producto para una sola página de artículo, y sitio web para páginas de inicio y páginas generales.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online