Is OGP related to SEO?
What are the benefits of setting up OGP?
If you are reading this article, you probably have similar questions.
What is OGP?When sharing a web page on SNS, the title of the page is displayed on SNS. Refers to the mechanism for displaying images, etc.
So does OGP actually have anything to do with SEO?
In this article, we will explain the relationship between OGP and SEO, as well as the benefits and methods of describing OGP.
If you want to know more about OGP, please refer to it.
Table of contents
What is OGP? Relationship with SEO
As explained at the beginning, OGP is used when sharing web pages on SNS such as X and Facebook.
A system for displaying web page titles, featured images, etc. on SNS.
If OGP is not set, OGP will be automatically set on the SNS side.
Also, regarding the relationship between OGP and SEO, SEO There is no direct effect on.
However, it is quite possible that SEO effects will be produced indirectly.
Because by setting OGP, you may be able to maximize your share on SNS.
As shares increase on SNS, opportunities for citations and secondary spread increase, which may ultimately affect SEO.
The next chapter will introduce the benefits of configuring OGP.
Advantages of configuring OGP
The advantage of setting OGP is that You can maximize your share on SNS point.
By setting OGP, you can more accurately convey the appeal of your web page to SNS users, so you can expect an increase in shares on SNS. .
If OGP is not set, the content of the page will not be communicated well to users, not only will they not be able to share it, but they will also not be able to access the web page.
By configuring OGP correctly, the information that the caller really wants to convey can be displayed on SNS.
In other words, OGP settings are important from a risk-hedging perspective so that users who view OGP do not experience any discrepancies.
The next chapter will explain how to write OGP.
If you haven’t set up OGP on your website yet, or if you don’t know how to write it, please refer to it.
How to write OGP
To set up OGP, you need to write the following HTML on your website.
- Description that declares OGP
- Page URL
- Page type
- Page title (og:title)
- Page description (og:description)
- Site name (og:site_name)
- Image URL (og:image)
- Facebook settings
- Twitter settings
I will explain each one.
Description that declares OGP
First, write the following in the head element of the page.
This description declares “This page uses OGP.”
<html prefix="og: https://ogp.me/ns#">
Page URL
Please write the following to set the page URL.
<meta property="og:url" content="Web page URL" />
Please write the entire URL and make it an absolute path.
Relative paths will not be reflected in OGP.
Page type
Please write the following to set the page type.
<meta property="og:type" content="page type" /></ span>
Write “website” for the top page, and “article” for other pages.
Page title
Please write the following to set the page title.
<meta property="og:title" content="Page title" /></ span>
The page title is often set to the wording set in the title tag of the page.
The site name will be written separately, so do not include it in the page title.
It is also said that it is good to set it to around 20 characters.
Page description
Please write the following to set the page description.
<meta property="og:description" content="description" /></ span>
It is common to set the same wording as the meta description of the page, but it is recommended that the number of characters for “og:description” is 80 to 90 characters. It is.
If you set more than 90 characters, the characters will be cut off, so if the number of characters in the meta description exceeds 90, please adjust it to within 90 characters.
Site name
Please write the following to set the site name.
<meta property="og:site_name" content="Site name" /></ span>
Please write the official name of the site where the page is published, including the subtitle.
Image URL
Please write the following to set the image URL.
<meta property="og:image" content=" 画像URL" />
Set the URL of the image you want to display when sharing on SNS.
Also write the image URL as an absolute path.
The recommended image size to set in OGP is 1200px x 630px.
It doesn’t have to be 1200px x 630px; it’s fine as long as the aspect ratio is 1.91:1.
Please note that if the aspect ratio is not 1.91:1, the image will be cropped and not displayed as intended.
Facebook settings
When setting Facebook’s OGP, also write the following.
<meta property="fb:app_id" content="Facebook app ID " />
This description is used to tell Facebook the site name and site operator.
By entering this description, you will be able to use Facebook’s analysis tool called Facebook Insights, which will allow you to use Facebook’s analysis tool called Facebook Insights, which will allow you to track the number of likes and shares, number of visitors, and visiting time. You will be able to check etc.
Twitter settings
Enter the following two statements in your Twitter settings.
<meta name="twitter:card" content="card type" />
<meta name="twitter:site" content="@Twitter username" />
On Twitter, you can select the card (format) in which OGP will be displayed from the following four options.
- summary (the most common card, which displays the title, image, and description) )
- summary_large_image (image is displayed larger than summary)< /li>
- app (card for app distribution)
- player (card that displays video and audio)</li >
Set the appropriate one according to your purpose.
Notes when setting OGP
Next, we will explain the points to note when installing OGP.
If OGP is not reflected well, please check the following two points.
- Configure OGP for each page
- Some sites do not allow OGP settings
I will explain each one.
OGP is set for each page
OGP is set for each page.
Even if you set it on a specific page, it will not be reflected on all pages.
Therefore,If the OGP is not reflected correctly, first check the OGP on the page. Check if it is set.
If OGP is set, please check whether each description is correct.
Some sites do not allow OGP settings
Depending on the WordPress theme, there are some sites where OGP cannot be set.
In such cases, install a WordPress plugin that configures OGP.
By installing these plugins, you will be able to configure OGP settings.
How to check OGP
After confirming that the description is correct, check that the display is correct.
You can check whether OGP is displayed correctly by using a tool.
- Twitter is “Card validator”
- Facebook is a “share debugger”
Each will be briefly explained.
A tool to check Twitter’s OGP. Card validator
Card validator is a tool that allows you to check whether your Twitter card is displayed correctly.
You can check how your OGP will be displayed on Twitter by logging into Twitter and entering the URL of the page in the Card validator. .
A tool to check Facebook’s OGP. Share Debugger
Share Debugger is a tool that allows you to check whether OGP is displayed correctly on Facebook.
Similar to Twitter, log in to Facebook and enter the URL of the page in the share debugger to see how OGP will be displayed on Facebook. You can check.
Summary: OGP settings affect traffic and shares from SNS
OGP does not directly affect SEO, but it can affect SEO by maximizing its spread on social media.
That’s why it’s important to configure OGP correctly.
OGP must be set individually for each page, and each item must be written correctly.
For the correct writing method, please refer to the method introduced in this article.
If you have any concerns about SEO or improving your website, including how to set up OGP, please feel free to contact us.