🖥️ Nlebiritụanya snippet

Nlebiritụanya SERP snippet

Tinye aha ihuakwụkwọ gị, meta nkọwa na URL iji hụ n'ụdị n'ime, pixel-n'ime n'ime nke Google gị n'ime n'ime snippets na desktọọpụ na mobile, na n'ime n

0 akara · 0px
0 akara · 0px
e
example.com
https://example.com

Olee otú iji SERP preview

Nzọụkwụ atọ n'ụzọ n'ụzọ n'ime snippet nke na-egosi n'ụzọ zuru ezu na-enweta bọtịnụ ahụ.

1

Tinye isiokwu ihuakwụkwọ gị

Tinye isiokwu táàbụ̀ ị̀chọrọ iji. Akara na pikselụ ntinye aka na-agbakwunye n'imebi ya ka ị ga-ahụ otu ị ga-esi n'ebe dị nso na Google's ~600px desktop limit.

2

Tinye URL gị na nkọwa meta

Tinye ihuakwụkwọ URL na banye meta nkọwa. Nlebiritụanya na-egosipụta breadcrumb, isiokwu ọbụla na ọbara ọbara snippet dị ka nsonaazụ ọbụla.

3

Banye n'etiti desktọ́ọ̀pụ̀ nà móòbụ̀

Kpọnye táàbụ̀ Desktọ́ọ̀pụ̀ nà Móòbụ̀ ka ịhụ ná alákụ̀bà abụọ ahụ, ebe mòòbụ̀ na-eji kolòọ̀gụ̀ nke dị n'okpuru nakwa na-ébètà isiokwu nà ụzọ njikọ ndị ọzọ.

4

Weghachi nkwenye nke nkwụsị

Dezie ruo mgbe nlebara anya chip na-atụgharị n'acha anụ. Tụọ ihe ọbụla ejirila flags mee ka ọ dị n'obosara nke ukwuu ka Google gosi isiokwu gị zuru ezu na nkọwa n'ebe ọbụla n'ebe ọbụla.

Ajụjụ SERP snippet

Google na-ewepụ njikọ isiokwu desktọ́ọ̀pụ̀ na pikselụ 600, ọ bụghị ọnụọgụgụ akara kpụkọrọ akpụkọ, n'ihi na ọbụla akara dị ka W na M na-eweta ebe dị ukwuu karịa ndị dị n'ime dị ka i na l. Otuto a na-enyocha pikselụ ọbụla nke ejirila n'ike ka ị nwee ike ịhụ ebe isiokwu gị ga-ewepụ.
Google na-egosikarị gburugburu 920 pixels nke meta nkọwa na desktọọpụ (n'ihe dịka 155 ruo 160 akara) na nke dị ala na motọlaịlụ. Ihe ọbụla dị ogologo bụ nke a tọrọgharịrị na ellipse. Nlebiri anya na-egosi desktop na mobile tọrọgharịrị n'ụdị ndụ dịka ị na-etipụta.
Ihenhọrọ ndị mobiili na-eji colum dị n'okpuru na ụhara ihumkpụrụedemede dị iche iche, ya mere isiokwu na-akpụgharị n'ọ̀tụtụ ụzọ njikọ na nkọwa na-akpụgharị n'ụzọ dị mfe. Otuto a na-egosipụta ụzọ abụọ n'ụdị ngosi ahụ n'otu oge ka ị nwee ike ịhazi ya maka nke ọbụla.
Ee. Nlebiritụanya na-arụ ọrụ n'ime brauịzaịra gị n'iji Canvas ngwe-measurement API. Enweghị ihe ọbụla ị tinyere a na-ebubata, banye mọọbụ chekwaa, yabụ ị nwere ike ịtụle n'ụzọ dị mma ihuakwụkwọ na-enweghị ike ịdebata nakwa URLs nkeonwe.

Maka ndị mmepe

Nke a SERP preview na-agba ọsọ 100% client-side - pixel nlele na-eme na gị nchọgharị, ya mere ihe ọ bụla ị na-ahọrọ bụ mgbe ọ bụla uploaded.

✓ Nnọọ n'ụdị - enweghị sava round-trip

E mepụtara nkwụsị n'ụzọ ahụ na-emegharị ngwe ahụ na-edepụta ya na nchọgharị ahụ - na Canvas measureText API. Ebe a bụ echiche nke isi ị nwere ike ịkpụga n'ime pipeline nke ọbụla:

// 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'));

Ịchọrọ nke a na-eme ka ọ bụrụ na ịchọrọ ịlele ọtụtụ puku isiokwu site na CMS gị ma ọ bụ CI? A na-echekwa REST API maka ihe eji arụ ọrụ SEO anyị dị na atụmatụ ndị a na-akwụ ụgwọ. Nhazi