🖥️ SeRP & преглед на изреза

SERP преглед на изрезъка

Въведете заглавието на страницата, мета описание и URL, за да видите на живо, пиксели-точен преглед на вашия Google резултат резултат на настолен и мобилен, с оптични предупреждения преди да ви струват кликвания.

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

Как да използвате SERP прегледа

Четири бързи стъпки за рана, която показва в пълна степен и печели клик.

1

Въведете заглавието на страницата

Напишете тага за заглавие, който планирате да използвате. Характерът и пикселите актуализират на живо, така че можете да видите колко близо сте до ~600px настолния лимит на Google.

2

Добавяне на адреса и мета описанието

Вмъкнете страницата URL и напишете мета описанието. Прегледът изработва хлябната кръб, синьото заглавие и сивото отрязване точно като реалния резултат.

3

Превключване между работния плот и мобилния

Включва или превключва разпределяне на табелите на работния плот и мобилните, за да проверите двете разпределителни графики, тъй като мобилният използва по-тесна колона и превишава заглавията на повече линии.

4

Поправяне на предупрежденията за въртене

Редактиране, докато предупредителни чипове се озеленини. Трим нещо, означено като твърде широка, така че Google показва пълното си заглавие и описание вместо елипса.

Въпроси за SERP секюрит

Google обрежава заглавието на работния стол връзки на около 600 пиксела, а не на фиксиран брой символи, защото широките символи като W и M вземат повече място от тесни като I и l. Този инструмент измерва реалната изработена ширина на пиксели, така че можете да видите къде точно ще бъде отрязано заглавието ви.
Google обикновено показва около 920 пиксела мета описание на настолен плот (около 155 до 160 символа) и по-малко на мобилния. Всичко по-дълго е отрязано с елипса. В предварителния преглед се показва както настолен, така и на мобилния трункация живо, както вие напишете.
Мобилните резултати използват по-тесна колона и различен размер на шрифта, така че заглавията да се превърнат в повече линии и описвания са скъсани. Този инструмент прави двете графики една до друга, така че можете да оптимизирате за всеки.
Не. Прегледът работи изцяло във вашия браузър с помощта на Canvas текстово мерене API. Нищо, което вписвате не е качено, записано или съхранявано, така че можете безопасно да тествате непубликувани страници и вътрешни URL-ове.

За разработчици

Този SERP преглед работи 100% клиент-страна — измерването на пиксели се случва в браузъра ви, така че нищо, което типчете не се качва.

✓ Частно по дизайн — няма сървърна кръгла пътека

Truncation се измерва по същия начин, по който браузъра рисува текста – с Canvas mearText 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? Домакин REST API за нашите SEO инструменти е на разположение на платени планове. Вж. план →