🖥️ SERP & snippet kuwonetsera

SERP Snippet Preview

Pitani pamutu watsamba lanu, kufotokozera kwa meta ndi URL kuti muwone chithunzithunzi chazithunzi cha Google cha zotsatira zanu pakompyuta ndi pafoni, ndi mauthenga oletsa kuti musamagwiritse ntchito masamba anu.

0 ma chars · 0px
0 ma chars · 0px
e
example.com
https://example.com

Momwe mungagwiritsire ntchito SERP preview

Gawo loyamba: Gawo loyamba ndilo kulemba nkhani yomwe ikuwonetsa zonse zomwe zilipo.

1

Ikani mutu watsamba lanu

Pitani ku title tag yomwe mukufuna kugwiritsa ntchito. Character ndi pixel counters amasinthidwa mosalekeza kuti mudziwe momwe mukukhalira pafupi ndi Google's ~600px desktop limit.

2

Ikani URL yanu ndi meta deta

Pezani URL yatsamba ndi kulemba meta descript.The preview amasonyeza breadcrumb, blue title ndi gray snippet mofanana ndi zotsatira zachilendo.

3

Kusintha pakati pa desktop ndi foni yam'manja

Kusinthanitsa ma tabu a Desktop ndi Mobile kuti muwone ma layout awiriwa, chifukwa chogwiritsa ntchito mafoni amagwiritsa ntchito gawo locheperako komanso masamba olemba masamba pamalingaliro ambiri.

4

Kusintha kwa mauthenga

Kusintha mpaka chingwe cholakwika chimawoneka chofiira. Kudula chilichonse chomwe chimadziwika kuti ndi cholimba kwambiri kuti Google iwonetse dzina lanu lonse ndi kufotokozera komwe kulibe.

SERP snippet mafunso

Google imadula maulalo amutu wa desktop pa ma pixels 600, osati mnda wazolemba zokhazikika, chifukwa mawebusayiti osiyanasiyana monga W ndi M amatenga malo ambiri kuposa omwe ali otsika monga i ndi l. Izi zida zimawerengera kutalika kwa pixel yomwe imapangidwa kuti mudziwe bwino komwe mutu wanu udzathetsedwa.
Google nthawi zambiri imasonyeza pafupifupi 920 pixels ya meta description pa desktop (mwachitsanzo, 155 mpaka 160 characters) ndi pang'ono pa foni yam'manja. Chomwecho chimafupikitsidwa ndi ellipsis. Kuwonetsa kumasonyeza kuti desktop ndi mobile truncation zimagwira ntchito mosalekeza pamene mukulemba.
Mayankho a mafoni amagwiritsa ntchito gawo locheperako komanso kukula kwa fonts, kotero kuti malemba amayenda pazolemba zambiri ndipo mafotokozedwe amachepetsedwa. Izi zida zimapanga mapangidwe awiri pamodzi kuti muthe kukulitsa kwa aliyense.
Sichoncho. Preview imagwira ntchito mokwanira mu browser yanu pogwiritsa ntchito Canvas text-measurement API. Chomwe mumatayika sichitulutsidwa, kulowa kapena kusungira, kotero mutha kuonetsetsa kuti mukuyesa masamba osasindikizidwa ndi URLs zamkati.

Kwa opanga mapulogalamu

Izi SERP preview imagwira ntchito 100% pagulu la kasitomala - kuyerekezera kwa pixel kumachitika mu browser yanu, kotero palibe chomwe mumalemba.

✓ Private by design - palibe server round-trip

Kuchepetsa kumawerengedwa mofanana ndi momwe msakatuli umapangira mawu - ndi Canvas measureText API. Apa ndi malingaliro ofunikira omwe mungagwiritse ntchito pakupanga kwanu:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

Mukufuna izi pa scale - batch-kuyesa mamiliyoni a zilembo kuchokera CMS kapena CI?A hosted REST API kwa zinthu zathu SEO ndi yopezeka pa zolipira zolipira. Onani zolinga →