hugo-theme-contentful/recipes/open-graph-protocol/index.html

<!DOCTYPE html>
<html lang="en-us"><title>Open graph protocol</title>
<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-contentful/css/index.min.11618edd7e3b000c8d9629ad7f78c9229d907cb12f420c0242dfb9185eb5ff8e.css" /><meta name="generator" content="Hugo 0.98.0" />
<meta charset="utf-8">
<meta name="author" content="John Doe" />

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="no-referrer" />
<meta name="description" content="Next up, we’re implementing Open Graph protocol for our webpages. Commonly used for making suitable format when sharing the content on certain sites like Facebook. (Be sure to copy the head partial first in your own layout folder.)
 Similar to Twitter cards, Hugo has an internal template for this. Simply add {{- template &#34;_internal/opengraph.html&#34; . -}} somewhere in your own copy. (For reference, here’s the source code for the internal template." /><meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Open graph protocol"/>
<meta name="twitter:description" content="Next up, we’re implementing Open Graph protocol for our webpages. Commonly used for making suitable format when sharing the content on certain sites like Facebook. (Be sure to copy the head partial first in your own layout folder.)
 Similar to Twitter cards, Hugo has an internal template for this. Simply add {{- template &#34;_internal/opengraph.html&#34; . -}} somewhere in your own copy. (For reference, here’s the source code for the internal template."/>
<meta property="og:title" content="Open graph protocol" />
<meta property="og:description" content="Next up, we’re implementing Open Graph protocol for our webpages. Commonly used for making suitable format when sharing the content on certain sites like Facebook. (Be sure to copy the head partial first in your own layout folder.)
 Similar to Twitter cards, Hugo has an internal template for this. Simply add {{- template &#34;_internal/opengraph.html&#34; . -}} somewhere in your own copy. (For reference, here’s the source code for the internal template." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://foo-dogsquared.github.io/hugo-theme-contentful/recipes/open-graph-protocol/" /><meta property="article:section" content="recipes" />
<meta property="article:published_time" content="2020-10-20T20:35:39+08:00" />
<meta property="article:modified_time" content="2022-05-13T18:08:06+08:00" />

<meta itemprop="name" content="Open graph protocol">
<meta itemprop="description" content="Next up, we’re implementing Open Graph protocol for our webpages. Commonly used for making suitable format when sharing the content on certain sites like Facebook. (Be sure to copy the head partial first in your own layout folder.)
 Similar to Twitter cards, Hugo has an internal template for this. Simply add {{- template &#34;_internal/opengraph.html&#34; . -}} somewhere in your own copy. (For reference, here’s the source code for the internal template."><meta itemprop="datePublished" content="2020-10-20T20:35:39+08:00" />
<meta itemprop="dateModified" content="2022-05-13T18:08:06+08:00" />
<meta itemprop="wordCount" content="98">
<meta itemprop="keywords" content="seo,social media," /><link rel="canonical" type="text/html" href="https://foo-dogsquared.github.io/hugo-theme-contentful/recipes/open-graph-protocol/" />
    
    
<body><nav aria-label="Primary navigation">
    <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-contentful/">Contentful</a>
    <div class="site__links">
        |
        <a href="https://foo-dogsquared.github.io/hugo-theme-contentful/about/">About</a> |
        <a href="https://foo-dogsquared.github.io/hugo-theme-contentful/categories/">Categories</a> |
        <a href="https://foo-dogsquared.github.io/hugo-theme-contentful/recipes/">Recipes</a> |
        <a href="https://foo-dogsquared.github.io/hugo-theme-contentful/tags/">Tags</a> |
        
    </div>
</nav>


<article>
    <header>
        <h1>Open graph protocol</h1>
    </header>
    <div class="post__meta--single">
        

        <p data-content-publication-date="2020-10-20 20:35:39 &#43;0800 &#43;0800">Created: <time datetime="2020-10-20">2020-10-20</time></p>

        
        <p data-content-modification-date="2022-05-13 18:08:06 &#43;0800 &#43;0800">Updated: <time datetime="2022-05-13">2022-05-13</time></p>

       
    </div>
    <hr>

    
    <main>
    <div class="paragraph">
<p>Next up, we’re implementing <a href="https://opengraphprotocol.org/">Open Graph protocol</a> for our webpages.
Commonly used for making suitable format when sharing the content on certain sites like Facebook.
(Be sure to copy the <code>head</code> partial first in your own layout folder.)</p>
</div>
<div class="paragraph">
<p>Similar to Twitter cards, Hugo has <a href="https://gohugo.io/templates/internal/#open-graph">an internal template for this</a>.
Simply add  <code>{{- template &#34;_internal/opengraph.html&#34; . -}}</code> somewhere in your own copy.
(For reference, <a href="https://github.com/gohugoio/hugo/blob/25a6b33693992e8c6d9c35bc1e781ce3e2bca4be/tpl/tplimpl/embedded/templates/opengraph.html">here’s the source code for the internal template</a>.)</p>
</div>
<div class="paragraph">
<p>If you want more control and customized version of the output, I recommend to copy the internal template and create a partial (e.g., <code>layouts/partials/opengraph.html</code>) and modify it.</p>
</div>

    </main>
</article>

<hr>
<footer>

<p><a href="https://foo-dogsquared.github.io/hugo-theme-contentful/">Back to home</a></p>
</footer>


<p>Available in other languages:
<span class="site__languages">|

<a href="/hugo-theme-contentful/en">English</a> |

<a href="/hugo-theme-contentful/tl">Tagalog</a> |

</span>
</p>


<p>© 2022 Contentful</p>
</body>
</html>