Tungkol sa tool na ito
Kinokontrol ng mga meta tag sa HTML <head> kung paano ipinapakita ng mga search engine at social platform ang preview ng isang page. Kasama sa pinakamahahalagang tag ang <title>, <meta name="description">, Open Graph tags (og:title, og:description, og:image), at Twitter Card tags (twitter:title, twitter:description, twitter:image). Kapag nawawala, mali ang pagkakabuo, o mali ang mga tag na ito, ang mga search snippet at social preview ay mukhang sira o gumagamit ng hindi sinasadyang content.
Kinukuha ng checker na ito ang isang URL at sinisiyasat ang lahat ng nauugnay na meta tag. Na-flag ang mga nawawalang tag. Ang mga tag na may nilalamang lumalampas sa mga limitasyon sa haba na partikular sa platform (Google snippet truncation, Twitter character caps) ay naka-highlight. Na-verify ang mga reference ng larawan — kung tumuturo ang og:image sa isang 404, masisira ang social preview.
Ang lahat ng ito ay mahalaga dahil karamihan sa mga pag-click sa iyong site ay nagmumula sa mga resulta ng paghahanap at mga social share. Ang mga meta tag ay ang kopya ng marketing na nagpapasya kung mangyayari ang isang pag-click. Ang pagkuha ng mga ito ng tama ay isa sa pinakamataas na pakinabang sa SEO at mga gawaing panlipunan.
Bakit Suriin ang Meta Tag
Ang mga pagkakamali sa meta tag ay tahimik. Ang isang pahina na walang og:image ay naglo-load pa rin nang tama; wala sa page na nagsasabi sa iyo na ang mga social share ay mukhang sira. Ang pagkakamali ay makikita lamang kapag may nagbahagi ng pahina, kung saan ang hindi nakuha na unang impression ay nawala na. Ang regular na pagsuri sa mga pahina ay nakakakuha ng mga isyung ito nang maaga.
Pagkatapos ng mga malalaking pagbabago sa isang site — isang muling disenyo, isang paglipat ng CMS, isang pag-update ng template — ang mga meta tag ay madalas na bumabalik. Ang isang QA pass sa mahahalagang pahina ay nagpapatunay na walang kritikal na nawala sa pagbabago.
Paano gamitin
Ilagay ang URL, tingnan ang lahat ng meta tag.
- Ilagay ang URL: I-type o i-paste ang URL para tingnan. Parehong gumagana ang http:// at https://; Mas gusto ang HTTPS.
- Kunin at i-parse: Kinukuha ng tool ang page (o hinihiling sa iyong i-paste ang HTML kung ang mga cross-origin na isyu ay pumipigil sa pagkuha) at na-parse ang head section.
- Suriin ang mga tag: Ang pamagat, paglalarawan ng meta, Open Graph tag, Twitter Card tag, at iba pang nauugnay na meta ay lilitaw sa isang structured na view. Na-flag ang mga nawawalang kritikal na tag.
- Silipin kung paano lilitaw ang pahina: Ang ilang checker ay nagpapakita ng simulate na Google snippet, Facebook share, at mga preview ng Twitter card batay sa mga na-parse na tag. Gamitin ang mga ito upang makita ang mga isyu bago lumitaw ang mga ito sa mga tunay na pagbabahagi.
Mga Detalye ng Teknikal
Mga kinakailangang meta tag para sa SEO: <title> (50-60 character; pinuputol ito ng Google sa mga search snippet), <meta name="description"> (150-160 character; pinuputol ang mas mahabang text). Ang pagkawala ng alinman ay lubhang nagpapababa sa hitsura ng paghahanap.
Buksan ang mga Graph tag (ginamit ng Facebook, LinkedIn, Slack, at marami pang iba): og:title, og:description, og:image, og:url, og:type. og:image ay dapat na hindi bababa sa 1200×630 pixels para sa mataas na DPI rendering. og:image:alt ay ang accessibility label.
Mga tag ng Twitter Card: twitter:card (karaniwang summary_large_image), twitter:title, twitter:description, twitter:image. Bumabalik ang Twitter sa mga tag ng OG kung nawawala ang mga partikular sa Twitter, kaya madalas sapat na ang mahusay na na-configure na OG.
Pinakamahusay na Kasanayan
Mga madalas itanong
- Anong mga meta tag ang pinakamahalaga para sa SEO?
- Tag ng pamagat (pinakamahalaga — 50-60 character), paglalarawan ng meta (150-160 character), canonical URL, meta robots, Open Graph (og:title, og:description, og:image), at viewport para sa mobile. Direktang nakakaapekto ang mga ito sa mga ranggo sa paghahanap at mga click-through rate.
- Gaano katagal dapat ang aking title tag?
- 50-60 character (o ~580 pixels) para sa buong pagpapakita sa mga resulta ng paghahanap sa Google. Ang mga mas mahahabang pamagat ay pinuputol ng '...'. Ang front-load na mahalagang mga keyword mula pa noong una ay ang pinaka-nakikita at nagdadala ng mas maraming SEO weight.
- Kailangan ko ba ng Open Graph tags?
- Oo, kung ang iyong mga pahina ay ibinahagi sa social media. Kung walang og:image at og:title, ang Facebook/LinkedIn ay awtomatikong bubuo ng mga preview na maaaring mukhang mahirap. Tinitiyak ng wastong mga tag ng OG na maganda ang hitsura ng iyong content kapag ibinahagi.
- Para saan ang canonical tag?
- Ang canonical tag (rel="canonical") ay nagsasabi sa mga search engine kung aling URL ang 'opisyal' na bersyon ng isang pahina. Pinipigilan nito ang mga duplicate na isyu sa content kapag ang parehong page ay naa-access sa maraming URL (na may/walang www, HTTP/HTTPS, na may mga parameter ng query).
- Bakit ang aking Facebook share ay nagpapakita ng maling larawan?
- Kadalasan ang Facebook ay gumagamit ng naka-cache na bersyon. Gamitin ang Sharing Debugger ng Facebook upang i-clear ang cache at muling kunin ang iyong pahina.
- Case-sensitive ba ang mga meta tag?
- Ang mga pangalan ng ari-arian ay lowercase ayon sa convention. Karamihan sa mga parser ay mapagparaya, ngunit dumikit gamit ang maliit na titik para sa kaligtasan.
- Kinukuha ba ang aking URL mula sa browser o isang server?
- Depende sa tool. Maaaring tumama ang pagkuha ng browser sa mga isyu sa CORS; ang ilang mga tool ay gumagamit ng server proxy upang kunin at iulat muli.
- Paano ang JSON-LD structured data?
- Ang JSON-LD ay structured data para sa mga rich na resulta, na hiwalay sa mga meta tag. Karamihan sa mga meta tag checker ay nakatuon sa HTML head meta; Ang mga structured data validator ay isang hiwalay na klase ng tool.