📇 Social & Pagbabahagi SEO

Magbukas ng Graph & Twitter Card Generator

Punan ang iyong mga detalye ng pahina at panoorin ang isang tunay na Facebook, LinkedIn at X card render live bilang ikaw ay mag-type. Kumuha ng isang na-validate, kopyahin-i-paste ang set ng Open Graph at Twitter Card meta tags - ang eksaktong markup platform basahin upang bumuo ng iyong link preview.

✓ Live card preview Nagtatakbo sa iyong browser Walang pag-signup
Aim para sa tungkol sa 60 mga character kaya ito ay hindi truncated.
Ang 1100 ay isang taon sa kalendaryo.
Ang 1200 ay isang taon sa kalendaryo.
Facebook / LinkedIn preview
Walang imahe — magdagdag ng isang og:image URL
example.com
X (Twitter) preview
Walang imahe — magdagdag ng isang og:image URL
example.com
Ginawa meta tags

Paano bumuo ng Open Graph at Twitter Card tags

Apat na hakbang mula sa mga detalye ng pahina sa isang na-validate, kopyahin-i-paste social preview.

1

Mag-type ng iyong pahina URL, pamagat at paglalarawan

I-paste ang absolute URL ng pahina na iyong ibinahagi, pagkatapos ay sumulat ng pamagat at paglalarawan na nais mong ipinapakita sa social card.

2

Magdagdag ng isang pagbabahagi ng imahe at itakda ang mga uri

Magbigay ng isang absolute https og:image (ideally 1200x630), pumili ng iyong og:type at ang Twitter card type, at magdagdag ng iyong @handle.

3

Tingnan ang live Facebook at X preview

Tingnan ang Facebook / LinkedIn at X card render bilang ikaw ay mag-type at malutas ang anumang haba o imahe pagpapatunay babala na ipinapakita sa ibaba.

4

I-copy ang mga tags sa iyong pahina ng ulo

Kopyahin ang nabuo Open Graph at Twitter meta tags at i-paste ang mga ito sa loob ng <head> ng iyong pahina, pagkatapos ay muling mag-scrape sa platform debugger.

Magbukas ng Graph & Twitter Card mga katanungan

Ang Open Graph (og:) ay ang pinagsamang protocol na ginagamit ng Facebook, LinkedIn, Slack, WhatsApp, Pinterest at karamihan sa mga platform na nababasa upang bumuo ng isang link preview. Twitter Card (twitter:) ay ang sariling bokabularyo ng X na kumokontrol sa layout ng card — halimbawa summary vs summary_large_image. Sila ay magkasabay: ang pamagat, paglalarawan at imahe ay maaaring magmula sa og: tags. Twitter-specific tags lamang magdagdag kung ano ang og: hindi maaaring ipahayag, tulad ng card style at ang @site handle.
Gamitin ang 1200x630 pixels (isang 1.91:1 ratio) para sa malaking card na Facebook, LinkedIn at X summary_large_image lahat ng paggamit — na puno ang frame nang walang cropping. Panatilihin ang file sa ilalim ng5MB at magsilbi ito sa isang absolute https URL, dahil platform ay hindi fetch ng isang kamag-anak o http imahe maaasahan. Ang minimum Facebook tinatanggap ay 200x200, ngunit maliit na mga imahe render bilang isang maliit na thumbnail sa halip ng isang bayani card.
Ang bawat platform caches ang unang bersyon ng iyong card ito scraped, minsan para sa linggo, kaya lumang mga pamagat at mga imahe ay natili pagkatapos mong ayusin ang mga tags. Puwersa ng isang muli-scrape: i-paste ang URL sa Facebook Sharing Debugger at i-click ang Scrape Muli, gamitin ang LinkedIn Post Inspector, at ibahagi ang link ng isang beses sa X upang i-refresh ang cache nito. Kumpirmahin ang mga tags ay talagang sa nahahatid HTML ulo at hindi iniksyon mamaya sa pamamagitan ng JavaScript, na karamihan scrapers ay hindi pamahalaan.
Hindi ganap. Kapag ang isang Twitter tag ay nawawala, X ay bumabalik sa magkatugma Open Graph tag — og: pamagat, og: paglalarawan at og: imahe na takip karamihan ng card. Kaya ang praktikal na minimum ay isang kumpletong hanay ng og: tags plus lamang twitter: card upang pumili ng layout at twitter: site para sa pagbibigay-katwiran. Pagdagdag og: tags ay nangangahulugan din ang parehong preview gumagana sa Facebook, LinkedIn, Slack at sa lahat ng dako, kaya humahantong sa og: at magdagdag lamang ng isang kamay ng twitter: tags na og: hindi maaaring ipahayag.

Kailangan social tags na nabuo sa scale?

Ang tool na ito ay tumatakbo ganap sa iyong browser – walang dapat tawagan at walang umaalis sa pahina. Para sa CMS plugins, CI at bulk mga pahina, isang programatic Open Graph API ay magagamit sa mga bayad na mga plano.

✓ Libreng tool: 100% client-side Magbukas ng Graph API: bayad na mga plano

Bumuo ng mga na-validate na Open Graph at Twitter Card blocks bawat pahina mula sa isang solong endpoint at i-wire ang mga ito nang direkta sa iyong build. Tingnan ang mga plano at quota sa pahina ng pagpepresyo.

Tingnan ang API plano →