existsocial mediaIn marketing, when a page is shared on Facebook, Twitter, LinkedIn, etc., does it display the Catchy titles, descriptions & thumbnailsIt directly determines the click-through rate and brand image.Yoast SEO Provides convenient Open Graph and X Card settings, allowing you to control how your page is displayed on social media platforms.

1. What is Open Graph and Twitter Card and why is it important?

1.1 Open Graph Definition

The Open Graph (OG) protocol was proposed by Facebook to define the information displayed when a web page is shared, including:

• og:title (title)
• og:description
• og:image (thumbnail)
• og:url (page)URL)
• og:type (type, e.g. article, website)

Almost all social platforms (Facebook, LinkedIn, WhatsApp) call OG tagged content to standardize the presentation format.

1.2 X Card Definition

X Card is Twitter's sharing protocol and there are two main types:

• Summary Card(Summary card): displays title, description, thumbnails
• Summary Card with Large Image(large summary card): visual highlights in the form of large pictures

1.3 Why are Open Graph and X Card important?

• Increase click-through rate

Optimized titles, descriptions and cover images attract users to click and increase traffic.

• Unified brand image

Maintain brand consistency when sharing on social media by customizing the cover image.

• Avoid crawling the wrong content

If a page does not have an OG or Twitter Card set up, the platform will automatically crawl the page content and may display irrelevant images or default headlines that detract from professionalism.

2. How to Enable Open Graph and X Card with Yoast SEO

2.1 Enabling Open Graph Data

• go into WordPress Back Office > Yoast SEO > Settings > Site Features

• locate Open Graph data functional module

• strike (on the keyboard) Enable feature

Description: When turned on, social platforms such as Facebook, LinkedIn, WhatsApp, etc. will call Open Graph metadata when sharing links to your website, displaying the title, description, and cover image you set.

2.2 Enabling X Card Data (formerly Twitter Card)

Since Twitter has changed its name to X, Yoast SEO has also updated the feature name to X card dataThe steps to open are as follows:

• exist Yoast SEO > Settings > Social sharing web page
• locate X card data functional module
• strike (on the keyboard) Enable feature

Description:
When turned on, when your website link is shared on the X (Twitter) platform, the configured title, description and image summary card will be displayed, boosting share click-through rates.

2.3 Slack Sharing (optional)

To optimize Slack share previews, enable the Slack sharing Function:

• likewise in Yoast SEO > Settings > Social sharing web page
• locate Slack sharing functional module
• strike (on the keyboard) Enable feature

This feature displays the author name and reading time estimate when Slack shares.

3. how to customize the Open Graph and X Card information for each article

Yoast SEO Allow customization of social sharing information on a per post/page basis.

3.1 Access to the article editing page

• Open the post or page that needs to be set up
• Scroll to Yoast SEO panel
• strike (on the keyboard) "Socialize." tab (of a window) (computing)

3.2 Customizing Facebook (Open Graph) Sharing Content

exist Facebook Preview Next, fill in:

• caption: can be different from SEO headlines, designed for social sharing
• descriptive: short and attractive, highlighting the selling point or leading the user to click on it
• imagery: Upload an image that meets Facebook's recommended dimensions (1200×630px), with an optimal ratio of 16:9

3.3 Customize X Card (Twitter Card) Share Content

exist X (Twitter) Preview Next, fill in:

• caption: Try to keep it under 70 characters
• descriptive: Try to keep it under 200 characters
• imagery: Recommended size 1024×512px, also using 16:9 ratio

Twitter grabs Facebook OG images by default if no Twitter images are set.

3.4 Saving updates

Once you've finished filling out the form, update the post or page and you're done. Check the share preview via Facebook Debugger or Twitter Card Validator to make sure it's configured correctly.

4. Open Graph and X Card setup best practices

• Use of brand-specific cover templates

Maintain a consistent style of sharing cover images to enhance brand recognition.

• Title & Description Matching Activity CTA

For example, "Limited Time Discount | View Now" can effectively increase the number ofclick through rate (CTR) (Internet)The

• Avoid duplicate image content

Each post is set with a corresponding theme cover to avoid uniformity in social sharing.

• Regularly update the crawl cache with Facebook Debugger

When the cover image is changed, use the Facebook Debugger Update the cache to ensure timely entry into force.

summarize

Yoast SEO The Open Graph and X Card setup functions are provided by the WordPress An indispensable tool for users to improve the effectiveness of social media sharing. With proper configuration and customization, every share can show the best visual and content, bringing more clicks and traffic.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off