🖥️ Сүүлчийн үзсэн

Сүүлчийн үзсэн

Google-ийн хайлтын үр дүнгийн хэсгийг дэлгэц болон гар утсан дээрх бодит, пиксел бүрийн нарийвчлалтай урьдчилсан үзлэгт оруулахын тулд хуудасныхаа нэр, мета тайлбар, URL-ийг бичнэ үү.

0 үсэг · 0px
0 үсэг · 0px
e
example.com
https://example.com

SERP-ийн урьдчилсан үзлэгийг хэрхэн ашиглах вэ

Бүх хэсгийг харуулж, даралтанд хүрсэн хэсгийг олохын тулд4шууд алхмыг дагах хэрэгтэй.

1

Танилцуулга

Та ашиглах гэж буй нэрийн тегинд бичнэ үү. Бүх тэмдэгт, пикселийн тоонууд бодит цаг хугацаанд шинэчлэгдэж, та Google- ийн ~600px дэлгэцийн хэмжээтэй хэр ойр байгааг харах боломжтой.

2

URL болон мета тайлбарыг нэм

Хуудасны URL- ийг хавсаргаад мета тайлбарыг бичнэ. Нүүрний зураг, цэнхэр нэр, хар хэсэг нь бодит үр дүнтэй адилхан харагдана.

3

Хөдөлмөр болон гар утсыг солих

Хоёр загварыг шалгахын тулд Desktop ба Mobile хавтсыг солино. Mobile нь бага багийн мөрийг ашигладаг ба нэрийг олон мөрөнд хуваадаг.

4

Хуваалцах

Хариулах тэмдэг ногоон болтол нь засварлаарай. Google- ийн хувьд хэт өргөн гэж тэмдэглэгдсэн зүйлийг огтолж, эллипсийн оронд бүрэн нэр, тайлбарыг харуулна.

Скрипт

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 нь төлбөртэй төлөвлөгөөнд багтсан. Схемыг харах