Posts Learn Components Snippets Categories Tags Tools About

How to Enhance SEO with Facebook Open Graph Tags

Learn the ways to enhance Search Engine Optimisation (SEO) with Facebook Open Graph tags and boost your website visibility in Facebook platform

Created on Jun 15, 2022


In this short snippet, you will learn how to enhance SEO with Facebook open graph tags. It's quite straightforward so let's get started.

Facebook Open Graph

Facebook Open Graph is a special tag that when present on a website, Facebook will be able to parse the data that are being shared to their platform better. The most important Facebook Open Graph Tags for SEO is below.
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
Do put this tag on top of your HTML head tag and fill in all of the contents. The final result should be as follows. In this case, it's for the PostSrc homepage Facebook Open Graph Tag.
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="PostSrc: Programming Tutorials, Code Snippets, Tools and Components">
<meta property="og:description" content="Learn web and mobile development, programming guides on Laravel, tutorials for VueJS, NuxtJs, Tailwind CSS, Flutter and more. Discover our online tools and web components.">
<meta property="og:image" content="">

Test Facebook Open Graph

To test Facebook open graph you can make use of the FB Debugger which is their built-in tool for debugging and testing links that are shared to their platform.
PostSrc Open Graph

Do make sure to have a unique page title, description, and also image so that when Facebook parses it, it will look nice and looks interactive. Hope these short snippets help and cheers, have a good one.

If you like our tutorial, do make sure to support us by being our Patreon or buy us some coffee ☕️


PostSrc Code Components

Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.

View Components

Sponsors 👑

+ Add Yours