🖥️ Прагляд SERP & фрагментаў

Прагляд выразкаў SERP

Увядзіце назву старонкі, мета-апісанне і URL, каб убачыць жывы, піксельны прагляд вашага Google выніку на працоўным стале і мабільным тэлефоне, з папярэджаннямі аб абрэзцы, перш чым яны каштуюць вам клікаў.

0 знакаў · 0px
0 знакаў · 0px
e
example.com
https://example.com

Як выкарыстоўваць SERP прагляд

У 4-м раздзеле апісваецца ўся гісторыя, якая адбылася ў часы і пасля бітвы.

1

Увядзіце назву старонкі

Увядзіце тэг, які вы хочаце выкарыстоўваць. Лічальнікі знакаў і пікселяў абнаўляюцца ў рэжыме рэальнага часу, таму вы можаце бачыць, наколькі блізка вы да межа ~ 600px для працоўнага стала Google.

2

Дадаць URL і мета- апісанне

Уставіць URL старонкі і напісаць мета- апісанне. Прагляд паказвае сцежку, блакітны загалоўак і шэры фрагмент, як і рэальны вынік.

3

Пераключыцца паміж працоўным сталом і мабільным тэлефонам

Пераключыцеся паміж стацыянарнай і мабільнай картамі, каб праверыць абодва раскладкі, бо мабільная выкарыстоўвае вузкі слупок і перакладае загалоўкі на больш радкоў.

4

Выправіць папярэджанні аб абрэзцы

Рэдагаваць да таго часу, пакуль знакі папярэджання не стануць зялёнымі. Прыбярыце ўсё, што пазначана як занадта шырокае, каб Google паказваў поўны загалоўак і апісанне замест трохкутніка.

Запыты SERP

Google абрэзае спасылкі на загалоўкі працоўных сталоў на 600 пікселяў, а не на фіксаваную колькасць сімвалаў, таму што шырокія сімвалы, такія як W і M, займаюць больш прасторы, чым вузкія, такія як i і l. Гэтая праграма вымяняе рэальную шырыню рэндераваных пікселяў, каб вы маглі ўбачыць, дзе менавіта будзе абрэзаны ваш загалоўак.
Google звычайна паказвае каля 920 пікселяў мета- апісання на працоўным стале (каля 155 да 160 знакаў) і менш на мабільным тэлефоне. Усё большае абрэзваецца эліпсам. Прагляд паказвае як працоўны стол, так і мабільны абрэз у рэжыме рэальнага часу.
Рэзультаты мабільных прылад выкарыстоўваюць больш вузкі слупок і іншы памер шрыфта, таму загалоўкі перакладаюцца на больш радкоў, а апісанні - на кароткія радкі. Гэтая праграма паказвае два раскладкі паасобку, каб вы маглі аптымалізаваць іх для кожнага.
Не. Прагляд выконваецца ў вашым браўзэры з выкарыстаннем API Canvas для вымярэнняў тэксту. Нішто, што вы напісалі, не загружаецца, не запісваецца і не захоўваецца, таму вы можаце бяспечна праверыць неапублікаваныя старонкі і унутраныя URL.

Для распрацоўшчыкаў

У 1990-я гады ў 100% выпадкаў выяўленыя сіндромы, якія выклікаюць гіпертанію, але ў большасці выпадкаў не выяўляюцца.

✓ Прыватны па дызайне - без сервера

Абрэзкі вымерваюцца так жа, як і ў браўзэры - з дапамогай API Canvas measureText. Вось асноўная ідэя, якую вы можаце ўнесці ў свой канвеер:

// 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 інструментаў даступны ў платных планах. Паказаць план