🖥️ Сүзлек

SERP фрагментын карау

Google га кушылу өчен, Google+ аккаунтын булдырырга һәм Google+ аккаунтын булдыру өчен, Google+ аккаунтын булдырырга һәм Google+ аккаунтын булдырырга кирәк.

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

СЕРП күзәтүе ничек кулланырга

4 нче сыйныфтан соң, ул Казанга кайта һәм 1 нче курста укыта башлый.

1

Сезнең битнең исемен кертегез

Сез кулланырга теләгән исем тегын кертегез. Карар һәм пикселләр саны яңартыла, шуңа күрә Google'ның ~600px өстәл чикләүенә ничек якын булуыгызны күрергә мөмкин.

2

URL һәм мета-язуны өстәү

Страница URLын урнаштырыгыз һәм мета-сүзлекләрне языгыз. Башта карау ысулы, күк исем һәм сәйлән төсендәге фрагментлар чын нәтиҗә кебек үк күрсәтелә.

3

Эш өстәленнән мобиль телефонга күчү

Ике төрле урнашуны тикшерү өчен Desktop һәм Mobile битләрен күчерегез, чөнки mobile таррак колонка куллана һәм исемне күбрәк юлга күчерә.

4

Кискен кисеп алу турында кисәтүләрне төзәтү

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

Сүзлекнең төп өлеше

Google Desktop Title Link 600 пикселгә кадәр кыскарта, чөнки W һәм M кебек киң символлар i һәм l кебек тар символлардан күбрәк урын ала.Бу инструмент реаль рендерланган пиксель киңлеген үлчи, шуңа күрә сез исемнең кайда киселгәнен төгәл күрә аласыз.
Google гадәттә 920 пиксел тирәсе мета-язуны (155-160 символ) күрсәтә, ә мобиль телефоннарда бу күрсәтү кимрәк. Бу тексттан зуррак текстлар эллипска белән киселә. Сез язганда, экранда компьютер һәм мобиль телефонның кыскартуын күрсәтә.
Мобиль нәтиҗәләр таррак багананы һәм башка хәреф зурлыгын куллана, шуңа күрә исемнәр күбрәк юлга күчә һәм аңлатмалар кыскара. Бу ярдәмлек ике бизәлешне бер-берсенә якынрак күрсәтә, шуңа күрә сез һәрберсен оптимальләштерә аласыз.
Юк. Күз алдына китерү тулысынча браузерыгызда Canvas текст-меңерү API ярдәмендә эшли. Сезнең язганыгыз юкка гына юкка чыгарылмый, журналга кертелми яки сакланмый, шуңа күрә сез басылып чыкмаган битләрне һәм эчке URLларны имин рәвештә тикшерә аласыз.

Программистлар өчен

Бу 100% клиент-яраклы SERP күзәтүе — пиксель үлчәме сезнең браузерда бара, шуңа күрә сез типлаган нәрсәне юкка чыгармыйсыз.

✓ Дизайн буенча шәхси — сервер әйләнеп кайту юк

Кискенлек браузер текстны сурәтләү рәвеше белән бер үк рәвештә үлчәнә - 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'));

Бу ысулны кулланып, 1000 дән артык уенны берьюлы уйнап була, шулай ук уенның үзендә дә уенчылар үзләренең уеннарын башкаларга күрсәтә ала. Планнар