HomeMga toolSERP snippet preview
Title at meta description checker na may Google preview
I-paste ang title at description ng inyong page — sinusukat ng tool ang lapad sa pixel, ipinapakita kung saan puputulin ng Google gamit ang ellipsis, hina-highlight ang mga salita ng search query at minamarkahan ang mga karaniwang pagkakamali. Kopyahin ang naka-escape na <title> at <meta name="description"> sa isang click.
—
Tinatayang preview
Sinusukat ang lapad gamit ang Arial sa inyong browser. Ang mga limit ay praktikal na gabay, hindi opisyal na numero: binabago ng mga search engine ang layout ng resulta at madalas na isinusulat muli ang snippet.
Mga tag para sa <head>
Kinakalkula ang lahat sa inyong browser — hindi ipinapadala kahit saan ang inyong inilagay.
Paano gamitin
- I-paste ang title at descriptionAng teksto ng <title> at <meta name="description"> ng inyong page, o draft para sa bagong page.
- Pumili ng deviceDesktop o mobile: mas makitid ang espasyo para sa description sa phone.
- Magdagdag ng queryNaka-highlight ang mga salita ng query sa preview gaya ng pag-bold ng search results, at sinasabi ng tool kung anong salita ang nawawala.
- Kopyahin ang mga tagAyusin ang mga babala at kopyahin ang handang tag: naka-escape na ang mga quote at special character.
Bakit sinusukat sa pixel ang haba ng title
Nililimitahan ng search results ang title ayon sa lapad ng block, hindi bilang ng character. Sa proportional font, may iba't ibang lapad ang mga titik: ang “W” at “m” ay ilang beses na mas malapad kaysa “i” at “l”, at mas malapad ang malaking titik kaysa maliit. Kaya 60 character ng isang title ay umaangkop sa isang linya, habang 52 character ng isa ay hindi.
Sinusukat ng tool ang teksto gaya ng browser: iginuguhit sa invisible canvas (canvas.measureText) gamit ang font na malapit sa font ng results, at inihahambing ang lapad sa praktikal na budget. Kung hindi umaangkop, pinuputol sa huling buong salita at nagdadagdag ng ellipsis, gaya ng karaniwang anyo sa results.
Hindi opisyal na limit ang mga ito. Malinaw na sinasabi ng dokumentasyon ng Google na hindi nililimitahan nito ang haba ng <title> o meta description: pinuputol ang title link at snippet para umangkop sa lapad ng device. Ang budget sa itaas ay ginagamit ng mga SEO practitioner at naglalarawan ng karaniwang layout, na madalas nagbabago.
Sa Pilipinas, ang karamihan ng paghahanap ay mula sa mobile, kaya suriin ang mobile mode. Ang praktikal na aral: hindi layunin ang haba. Tiyaking nasa unang 40–50 character ang esensya ng page at ang mga keyword, para ang dulo ng title ay maaaring mawala nang hindi nawawala ang kahulugan.
Paano binubuo ng Google ang snippet
Title link
Tinatawag ng Google na “title link” ang pamagat ng resulta. Kadalasan mula sa <title> tag, ngunit isinasaalang-alang ng Google ang ibang pinagmulan: ang pangunahing nakikitang heading at ibang heading, og:title, kapansin-pansing teksto, at anchor text ng mga link sa page. Binabago ng Google ang title kapag walang laman ang <title>, magkapareho sa maraming page, pinuno ng keyword, o hindi tugma sa nilalaman.
Snippet
Binubuo ng Google ang teksto ng snippet pangunahin mula sa nilalaman ng page, pinipili para sa bawat query. Ginagamit ang meta description kapag mas tumpak itong naglalarawan sa page kaysa mga bahagi ng teksto. Kaya ang parehong URL ay maaaring lumabas na may iba't ibang description para sa iba't ibang query.
Bakit isinusulat muli ang snippet
- Magkapareho ang title sa maraming page: “Home”, “Products”, “Clew”.
- Naglilista ang title ng mga keyword na pinaghihiwalay ng comma sa halip na pangalanan ang page.
- Hindi sinasagot ng description ang query na naghatid sa page.
- Sumisigaw ang teksto: ALL CAPS, “!!!”, pangakong walang detalye.
Paano isulat ang title at description ng SaaS page
Para sa landing page, feature page at blog post ng SaaS na produkto, mahusay ang parehong pattern.
- Query sa unahan. “User onboarding para sa SaaS nang walang developer — Clew” ay mas mahusay kaysa “Clew — platform na tumutulong…”. Ilagay ang brand sa unahan kung hinahanap na ito ng mga tao ayon sa pangalan.
- Isang title, isang page. Ang pricing, feature at blog page ay hindi dapat maglaban sa parehong title.
- Kongkreto sa description. Ano ang natatanggap ng user: “tour, tooltip at checklist sa loob ng inyong app”, “free plan habambuhay”. Huwag mag-invent ng numero.
- Tumugma sa intensyon. Para sa informational query, gaya ng “paano pataasin ang activation”, nangangako ang description ng sagot, hindi sales pitch.
- Huwag ulitin ang title sa description. Nagpapatuloy ang description sa title sa halip na ulitin ito.
Pumili ng wika ng title ayon sa query: maraming Filipino ang naghahanap sa English para sa SaaS, ngunit sa Tagalog o Taglish para sa pang-araw-araw na paksa. Naghahatid ang mahusay na snippet ng mga taong tunay na nangangailangan ng produkto. Pagkatapos, ang unang session ang nagpapasya — basahin ang Product onboarding: ano ito at paano i-set up.
Mga sanggunian
- Google Search Central. Influencing your title links in search results — developers.google.com/search/docs/appearance/title-link.
- Google Search Central. Control your snippets in search results — developers.google.com/search/docs/appearance/snippet.
- MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
- HTML Living Standard: ang title element at description meta name — html.spec.whatwg.org.
Mga madalas na tanong
Ano ang ideal na haba ng title tag?
Para sa Google, ang praktikal na budget ay humigit-kumulang 600 pixel — mga 50–60 character depende sa titik. Walang opisyal na limit: ang mahabang title ay pinuputol, kaya ilagay ang mahalaga sa unahan.
Ano ang ideal na haba ng meta description?
Sa Google desktop, humigit-kumulang 920 pixel — mga dalawang linya o 150–160 character; mas kaunti ang nakikita sa mobile. Hindi nililimitahan ng Google ang meta description, ngunit pinuputol ang snippet ayon sa lapad ng screen at madalas bumubuo mula sa teksto ng page.
Bakit ibang title ang ipinapakita ng Google?
Maaaring bumuo ang Google ng title link mula sa ibang pinagmulan — pangunahing heading, og:title, link text — kung walang laman ang title, magkapareho sa maraming page, pinuno ng keyword, o hindi tugma sa nilalaman. Gawing unique, maikli at tumpak ang title.
Bakit hindi ipinapakita ang aking meta description?
Pinipili ng Google ang teksto ng snippet para sa bawat query. Kung mas mahusay na sinasagot ng bahagi ng page ang query, ipinapakita ang bahaging iyon. Normal ito; nararapat pa ring isulat ang meta description dahil ginagamit ito sa maraming query.
Paano sinusukat ng tool ang lapad sa pixel?
Iginuguhit ang teksto sa invisible canvas ng browser gamit ang Arial sa tamang laki (20 px para sa title, 14 px para sa description), at ibinabalik ng measureText ang lapad. Ito ay approximation ng layout ng results, hindi eksaktong kopya.
Dapat ba ang brand ay nasa title?
Kadalasan ay nasa dulo: “UTM Builder — Clew”. Ilagay ang brand sa unahan kung kilala na at hinahanap ito ng mga tao, halimbawa sa home page.
Kailangan ba ang meta keywords tag?
Hindi. Hindi ginagamit ng Google ang meta keywords para sa ranking. Hindi kailangang punan, at ang pampublikong listahan ng keyword ay nagpapakita sa mga kalaban kung ano ang inyong target.
Higit pa sa SEO
- Open Graph generator
Aling Open Graph tag ang kailangan ng page, at paano lalabas ang preview ng link?
- Readability checker
Gaano mahirap basahin ang text na ito, at aling pangungusap ang sobrang haba?
- robots.txt generator at tester
Aling rule ng robots.txt ang humaharang o nagpapahintulot sa URL na ito para sa isang crawler?
- hreflang generator
Aling hreflang tag ang nag-uugnay sa mga bersiyon ng page sa iba't ibang wika?
- UTM builder
Paano gumawa ng magkakatugmang UTM link para sa bawat campaign at channel?
- UTM QR code generator
Aling booth, flyer o poster ang nagdala ng bisita — at paano lagyan ng tag ang QR code ng bawat isa?