Modificar el open graph ?

  • Autor Autor Sancho909
  • Fecha de inicio Fecha de inicio
Sancho909

Sancho909

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Hola compañeros, Alguien sabe como puedo modificar el open graph de blogger si se pudiera hacer por entrada seria mucho mejor,
ya vi varios videos en youtube sobre el tema y ninguno me sirvio.

algun tip? Gracias!
 
¡Hola! Modificar las etiquetas Open Graph en Blogger puede ser un poco complicado, ya que no proporciona una interfaz directa para hacerlo. Sin embargo, aún es posible hacerlo editando manualmente el HTML de tus entradas.

Aquí tienes algunos pasos que puedes seguir:

  1. Accede al HTML de la entrada: Ve a la pestaña "Entradas" en tu panel de Blogger, selecciona la entrada que deseas editar y haz clic en "Editar HTML".
  2. Agrega las etiquetas Open Graph: Dentro del HTML de la entrada agrega las etiquetas Open Graph que deseas modificar. Por ejemplo:

HTML:
<meta property="og:title" content="Título de tu entrada" />
<meta property="og:description" content="Descripción de tu entrada" />
<meta property="og:image" content="URL de la imagen que quieres mostrar" />

  1. Guarda los cambios: Una vez que hayas realizado las modificaciones necesarias en el HTML, guarda los cambios y revisa la entrada para asegurarte de que se muestren correctamente.
Recuerda reemplazar los valores de ejemplo con la información relevante para tu entrada. Además, ten en cuenta que Blogger puede modificar el código HTML que ingreses, así que es posible que necesites revisar y ajustar las etiquetas después de guardar los cambios.

¡Espero que esto te ayude a modificar las etiquetas Open Graph en tus entradas de Blogger! Si tienes alguna otra pregunta o necesitas más ayuda, ¡no dudes en preguntar!
 
si se pudiera hacer por entrada seria mucho mejor
Usa las "condicionales" de blogger, si las quieres para el inicio o por entrada o pagina

HTML:
    <!--[ Open graph ]-->
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
    <b:if cond='data:view.isMultipleItems'>
      <meta content='website' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>         
        <b:else/>
        <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
      </b:if>
      <b:else/>
      <meta content='article' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>           
        <b:else/>
        <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
      <b:else/>
      <meta content='Add_your_image_url_here' property='og:image'/>
    </b:if>
 
¡Hola! Modificar las etiquetas Open Graph en Blogger puede ser un poco complicado, ya que no proporciona una interfaz directa para hacerlo. Sin embargo, aún es posible hacerlo editando manualmente el HTML de tus entradas.

Aquí tienes algunos pasos que puedes seguir:

  1. Accede al HTML de la entrada: Ve a la pestaña "Entradas" en tu panel de Blogger, selecciona la entrada que deseas editar y haz clic en "Editar HTML".
  2. Agrega las etiquetas Open Graph: Dentro del HTML de la entrada agrega las etiquetas Open Graph que deseas modificar. Por ejemplo:

HTML:
<meta property="og:title" content="Título de tu entrada" />
<meta property="og:description" content="Descripción de tu entrada" />
<meta property="og:image" content="URL de la imagen que quieres mostrar" />

  1. Guarda los cambios: Una vez que hayas realizado las modificaciones necesarias en el HTML, guarda los cambios y revisa la entrada para asegurarte de que se muestren correctamente.
Recuerda reemplazar los valores de ejemplo con la información relevante para tu entrada. Además, ten en cuenta que Blogger puede modificar el código HTML que ingreses, así que es posible que necesites revisar y ajustar las etiquetas después de guardar los cambios.

¡Espero que esto te ayude a modificar las etiquetas Open Graph en tus entradas de Blogger! Si tienes alguna otra pregunta o necesitas más ayuda, ¡no dudes en preguntar!
Amigo muchas gracias me has ayudado mucho!!
 
Usa las "condicionales" de blogger, si las quieres para el inicio o por entrada o pagina

HTML:
    <!--[ Open graph ]-->
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
    <b:if cond='data:view.isMultipleItems'>
      <meta content='website' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>        
        <b:else/>
        <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
      </b:if>
      <b:else/>
      <meta content='article' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>          
        <b:else/>
        <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
      <b:else/>
      <meta content='Add_your_image_url_here' property='og:image'/>
    </b:if>
Gracias amigo me a servido! Bendiciones!
 
Atrás
Arriba