Las etiquetas meta Open Graph son fragmentos de código que controlan cómo se muestran las URL cuando se comparten en plataformas de redes sociales. El protocolo Open Graph fue creado por Facebook para permitir que las páginas web se conviertan en objetos enriquecidos en los feeds de las redes sociales. Al colocar estas etiquetas específicas en la sección head de su HTML, usted define el título, la descripción, la imagen y el tipo de contenido que aparecen en una vista previa del enlace. Una implementación adecuada garantiza que el contenido de su marca se vea profesional y consistente en toda la web.
¿Cuáles son las etiquetas Open Graph principales?
Para construir una experiencia de intercambio social sólida, necesita un conjunto de etiquetas primarias. Estas etiquetas le dicen a plataformas como Facebook, LinkedIn y Discord exactamente qué datos extraer de su página. Sin ellas, las plataformas sociales a menudo adivinan el contenido, lo que lleva a imágenes faltantes o truncamientos de texto incómodos. Una configuración típica incluye cuatro etiquetas esenciales que cada página debe contener para una máxima compatibilidad y claridad.
- og:title: El titular de su contenido, generalmente limitado a 60-90 caracteres.
- og:type: Define el tipo de objeto, como ‘article’, ‘website’ o ‘product’.
- og:image: La URL de la imagen que debe aparecer en la vista previa del feed.
- og:url: La URL canónica de la página que se comparte para evitar enlaces duplicados.
¿Por qué es importante la optimización de imágenes para compartir?
La etiqueta og:image es posiblemente el componente más vital de su presencia social. Cuando los usuarios se desplazan por sus feeds, un visual de alta calidad actúa como el gancho principal. Si su imagen es demasiado pequeña, las plataformas pueden mostrarla como una miniatura diminuta en lugar de una imagen destacada grande y atractiva. Apunte siempre a una relación de 1200 x 630 píxeles para garantizar que la imagen se muestre correctamente en pantallas de alta resolución. Evite saturar la imagen con texto excesivo, ya que el punto focal debe ser el mensaje central o la identidad de la marca.
¿Cómo verifica la implementación de sus etiquetas meta?
Verificar sus etiquetas es una tarea rutinaria para cualquier propietario de sitio. Muchas plataformas sociales proporcionan sus propias herramientas de depuración para ver cómo aparece una página antes de que se comparta públicamente. El uso de estas herramientas le permite borrar la caché de una página específica para que, si actualiza una imagen o un título, la red social obtenga la versión más reciente. Revisar sus páginas periódicamente evita que circule información desactualizada cuando su contenido es compartido por su comunidad.
| Nombre de la etiqueta | Propósito | Mejor práctica |
|---|---|---|
| og:title | Define el titular del enlace | Mantener por debajo de 60 caracteres |
| og:image | Establece la imagen de vista previa | Usar resolución 1200×630 |
| og:description | Resumen del contenido | Usar 2-3 oraciones convincentes |
Cómo aplica Alien Road las etiquetas Open Graph
En Alien Road, seguimos un proceso de auditoría estándar para cada proyecto de cliente. Comenzamos revisando la sección head actual del sitio web para identificar etiquetas Open Graph faltantes o mal formadas. En un compromiso típico, configuramos un plugin dedicado o un script personalizado para automatizar la inyección de estas etiquetas, asegurando que cada publicación de blog o página de producto extraiga dinámicamente los metadatos correctos. Luego realizamos un escaneo a través de varias herramientas de depuración para confirmar que las vistas previas aparecen como se espera. Este proceso elimina la carga manual del cliente y mantiene su presencia social consistente.
¿Cuáles son los errores comunes a evitar?
- Usar imágenes dinámicas que cambian con demasiada frecuencia y confunden la caché de la plataforma.
- Ignorar la etiqueta og:description, lo que deja la vista previa vacía en algunas plataformas.
- No definir og:type, que se establece por defecto en ‘website’ incluso para artículos específicos.
- Usar imágenes que violan los requisitos de relación de aspecto de la plataforma, lo que resulta en visuales recortados.
¿Cómo afecta el tipo de contenido a su vista previa?
La propiedad og:type ayuda a las redes sociales a comprender la naturaleza de su contenido. Por ejemplo, establecer el tipo en ‘article’ podría indicar a la plataforma que una fecha de publicación o el nombre del autor son relevantes. Si tiene un sitio de comercio electrónico, usar ‘product’ podría informar a la plataforma para extraer información de precios o moneda si es compatible. Una clasificación adecuada ayuda a que su página aparezca con el contexto correcto, lo que puede mejorar significativamente las tasas de clics.
¿Puede usar Open Graph para sitios de negocios locales?
Los negocios locales se benefician enormemente de etiquetas Open Graph específicas que enfatizan la ubicación y los detalles de contacto. Al incluir etiquetas para latitud, longitud y dirección postal, usted proporciona a las plataformas sociales los datos necesarios para mostrar pines de ubicación precisos. Aunque estas etiquetas no siempre son visibles en el feed, ayudan a la plataforma a indexar los detalles de su negocio con mayor precisión dentro de su sistema. Este es un ajuste simple que fortalece sus esfuerzos de SEO local sin requerir un desarrollo técnico complejo.
Por dónde empezar esta semana
Comience seleccionando las cinco páginas más compartidas de su sitio web. Use una herramienta de depuración de redes sociales para verificar cómo se renderiza cada página actualmente cuando se comparte. Si nota una imagen faltante o un título roto, actualice las etiquetas Open Graph directamente en su sistema de gestión de contenido. Una vez actualizado, use la función ‘scrape’ o ‘refresh’ en el depurador para ver los cambios surtir efecto inmediatamente. Repita esto para sus principales páginas de destino para asegurarse de que su marca siempre dé su mejor cara.
Preguntas frecuentes
¿Las etiquetas Open Graph mejoran directamente los rankings de búsqueda?
Las etiquetas Open Graph no son una señal de clasificación directa para los motores de búsqueda. Sin embargo, mejoran la calidad de su contenido cuando se comparte en redes sociales, lo que a menudo conduce a más tráfico y compromiso. Este aumento secundario en la visibilidad y la interacción del usuario puede beneficiar indirectamente el rendimiento general de su sitio con el tiempo.
¿Con qué frecuencia debo actualizar mis etiquetas Open Graph?
Debe actualizar sus etiquetas cada vez que cambie el titular principal o la imagen destacada de una página. Si su contenido permanece estático, no hay necesidad de cambiar las etiquetas. Sin embargo, es una buena práctica auditar estas etiquetas durante su revisión trimestral del sitio web para asegurarse de que sigan siendo relevantes.
¿Funcionarán estas etiquetas en todas las plataformas de redes sociales?
La mayoría de las principales plataformas sociales reconocen el protocolo Open Graph. Si bien algunas plataformas pueden tener sus propias etiquetas meta únicas para características específicas, Open Graph sigue siendo el estándar para crear vistas previas de enlaces enriquecidas en toda la web. Implementarlas proporciona el soporte más amplio posible para su contenido compartido.
¿Debo usar la misma descripción para meta y Open Graph?
Puede usar el mismo texto, pero a menudo es mejor personalizarlos. Las meta descripciones para motores de búsqueda se centran en palabras clave y la intención de búsqueda, mientras que las descripciones de Open Graph para redes sociales deben centrarse en el compromiso social y el clic. Adaptar su texto para la audiencia específica siempre es una estrategia sólida.
Siga leyendo: SEO (Optimización para Motores de Búsqueda) · SEO