🖥️ Скрипт

SERP парчаси кўринишини кўриш

Сизнинг саҳифангизнинг номи, мета тавсифи ва URL манзилини киритинг, шунда Google натижа парчангизнинг иш столи ва мобил қурилмалардаги реал, пиксел аниқлигидаги кўринишини кўрасиз, бу сизга кликлар сарфланишидан олдин қисқартириш огоҳлантиришлари билан.

0 белгилар · 0px
0 белгилар · 0px
e
example.com
https://example.com

SERP кўринишини қандай ишлатиш керак

Барчасини кўрсатадиган ва кликни ютадиган парчага тўртта тезкор қадам.

1

Саҳифа сарлавҳасини киритинг

Сиз фойдаланмоқчи бўлган бош теги ёзинг. Карактер ва пикселлар сони тезда янгиланади, шунинг учун Google'нинг ~600px иш столи чегарасига қанчалик яқин эканингизни кўришингиз мумкин.

2

URL ва мета таърифни қўшиш

Саҳифа URL-манзилини жойланг ва мета-таърифни ёзинг. Пешлавҳада breadcrumb, кўк сарлавҳа ва оқ парчалар ҳақиқий натижага ўхшаш кўринади.

3

Иш столи ва мобил телефонлар орасида ўтиш

Ҳар иккала кўринишларни текшириш учун Desktop ва Mobile табларини алмаштиринг, чунки мобиль кўриниш торроқ суякни ва бош сўзларни кўпроқ сатрларга айлантирган.

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 тўловли режаларда мавжуд. Планларни кўриш