# Open Graph Meta Tags in Header

**URL:** <https://forum.builder.io/t/open-graph-meta-tags-in-header/124>\
**Category:** Technical Questions\
**Created:** [June 8, 2020, 6:58pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124 "2020-06-08T18:58:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bull1099](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/bull1099/32/88_2.png) [@bull1099](https://forum.builder.io/u/bull1099)\
**Post date:** [June 8, 2020, 6:58pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124/1 "2020-06-08T18:58:58Z")

</div>

Team -

I am looking for some guidance before I get caught down a rabbit hole. I am hoping to several of the og:\* meta tags in the head of my web page.

og:title  
og:url  
og:image  
… etc

What is the best approach to ensure those tags are available on page load, so many of the social media networks can pull that data.

Here is one way I think could be a solution? [https://www.builder.io/c/docs/seo](https://www.builder.io/c/docs/seo)  
I can change my page to query [builder.io](http://builder.io) first to return rendered html, if I am understanding that correctly? Is this a common and recommended approach many of your other clients user [builder.io](http://builder.io)?

Blake

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [June 8, 2020, 7:30pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124/2 "2020-06-08T19:30:09Z")

</div>

Hi @bull1099! Thanks for reaching out.

You are correct, [https://www.builder.io/c/docs/seo](https://www.builder.io/c/docs/seo) is the solution.

What is your tech stack? We can provide an answer that is more relevant to your tech stack if you still have questions 😁

---

<div class="post-metadata">

**Author:** ![bull1099](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/bull1099/32/88_2.png) [@bull1099](https://forum.builder.io/u/bull1099)\
**Post date:** [June 8, 2020, 7:45pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124/3 "2020-06-08T19:45:53Z")

</div>

Currently using NextJs / Vercel

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [June 8, 2020, 8:10pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124/4 "2020-06-08T20:10:23Z")

</div>

Are you using server side rendering? If not, you can use the content API with `/api/v2/content/page?userAttributes.urlPath=/the-path&limit=1&omit=data.blocks` for getting the meta fields to render that server side.

---

<div class="post-metadata">

**Author:** ![jobizzness](https://avatars.discourse-cdn.com/v4/letter/j/7c8e57/32.png) [@jobizzness](https://forum.builder.io/u/jobizzness)\
**Post date:** [March 10, 2021, 5:29pm UTC](https://forum.builder.io/t/open-graph-meta-tags-in-header/124/5 "2021-03-10T17:29:41Z")

</div>

Pretty cool 🙂