🖥️ Скрипт

Скрипттин алдын ала көрүү

Google-дин натыйжаларын түздөн-түз, пикселдин тактыгы менен көрүү үчүн, Google-дин натыйжаларын түздөн-түз, пикселдин тактыгы менен көрүү үчүн, Google-дин натыйжаларын түздөн-түз, пикселдин тактыгы менен көрүү үчүн, сиздин барактын аталышын, мета-айрымдарын жана URL-адресин киргизиңиз.

0 символдор · 0px
0 символдор · 0px
e
example.com
https://example.com

SERP алдын ала көрүүсүн колдонуу

Түз эле көрсөтүлүп, чыкылдатуу менен кабыл алынган фрагментке жетүү үчүн төрт тез кадам.

1

Бөлүмдүн аталышын киргизиңиз

Колдонууну пландаштырылган аталыш тегин киргизиңиз. Символдор жана пикселдердин эсептегичтери тез жаңыланып турат, ошондуктан Google'дун ~600px иш столунун чеги канчалык жакын экенин көрө аласыз.

2

URL жана мета-айрымдарды кошуу

Партнерская программа

3

Иш столу менен мобилдик телефондун ортосунда өтүү

Desktop and Mobile tabs toggle to check both layouts, since mobile uses a narrower column and wraps titles into more lines.

4

Өчүрүлүшү жөнүндө эскертүүнү оңдоо

Эскертүү белгиси жашыл түскө өзгөргөнгө чейин оңдоо. Эгерде сиздин аталышыңыз өтө кең болсо, анда аны кыскартуу керек, ошондо Google сиздин толук аталышыңызды жана баяндаманы эллипстин ордуна көрсөтөт.

SERP фрагменти суроолору

Google иш столунун аталыш шилтемелерин 600 пикселге чейин кыскартат, бул символдорду так сан эмес, анткени W жана M сыяктуу кең символдор i жана l сыяктуу тар символдорго караганда кеңири орунду ээлейт. Бул аспап чыныгы пикселди өлчөйт, ошондуктан сиз аталышыңыздын кайда кыскартыларын так көрө аласыз.
Google, как правило, в рабочем столе показывает метаописание длиной около 920 пикселей (около 155-160 символов), а в мобильном - меньше. Более длинные описания отрезаются эллипсом. Предварительный просмотр показывает отрезку как в рабочем столе, так и в мобильном устройстве.
Мобильдик натыйжалар тар колонка жана ариптин башка өлчөмүн колдонот, ошондуктан аталыштар көп саптарга жайгаштырылат жана баяндамалар кыскартылат. Бул аспап эки пландаштырууну бирдей кылып көрсөтөт, ошондуктан ар бирине оптималдаштыра аласыз.
Жок. Алдын ала көрүү Canvas текст өлчөмү API'син колдонуп браузерде толук иштей алат. Сиздин киргизген маалыматтарыңыз жүктөлбөйт, журналга жазылбайт же сакталбайт, ошондуктан сиз жарыяланбаган беттерди жана ички URL'дерди коопсуз текшере аласыз.

Жашоочулар үчүн

Бул SERP алдын-ала көрүү 100% клиенттик жактан иштелип чыгат - пиксел өлчөмү браузериңизде болот, ошондуктан сиз киргизген эч нерсе жүктөлбөйт.

✓ Дизайн боюнча жеке — сервердин айлануусу жок

Тексттин кыскарышы браузер текстти тартуу жолдору менен өлчөнөт - Canvas measureText API менен. Бул жерде сиз өз түзүү конвейерине таштай турган негизги идея:

// 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'));

Бул масштабда керек - партия-тексерүү миңдеген аталыштарын CMS же CI? Биздин SEO аспаптар үчүн хост REST API акы төлөнүүчү пландар бар. Пландарды көрүү