Kopīgošanas kartītes: Open Graph tagi un attēls

Kas ir saites priekšskatījums

Kad kāds kopīgo saiti sociālajā tīklā vai ziņapmaiņas lietotnē, platforma nolasa lapu un izveido nelielu kartīti: attēlu, virsrakstu, īsu tekstu un domēnu. Lielākā daļa platformu šim nolūkam nolasa Open Graph protokola tagus, kas ir meta elementi lapas head daļā. X, agrāk Twitter, nolasa arī savus tagus, kas sākas ar twitter:. Katra platforma pati veido savu kartīti un izlemj, cik daudz teksta tā rāda. Tu izlem, ko lapa pasaka platformām.

Pamata tagi

Open Graph protokols, kas publicēts vietnē ogp.me, nosauc četras īpašības, kurām jābūt katrā lapā: og:title, og:type, og:image un og:url. og:url ir lapas kanoniskā adrese. Nav obligāti, bet noderīgi ir og:description, og:site_name un og:locale, tagu valoda un reģions, piemēram, de_DE.

<meta property="og:title" content="Vasaras izpārdošana: visas krūzes lētāk">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/blog/summer-sale">
<meta property="og:image" content="https://example.com/img/summer-sale-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Sešas zilas krūzes uz koka galda">
<meta property="og:description" content="Līdz 31. augustam: zemākas cenas krūzēm un šķīvjiem.">
<meta property="og:site_name" content="Parauga veikals">
<meta name="twitter:card" content="summary_large_image">

Raksti katru adresi pilnībā, ar https://. Protokols definē adresi kā URL, kas izmanto http:// vai https://, tāpēc ceļš, piemēram, /img/sale.jpg, nav derīga vērtība. og:url jāsakrīt ar lapas kanonisko saiti. Ja tags parādās divreiz ar dažādām vērtībām, protokols dod priekšroku pirmajam.

Kopīgošanas attēls

Lielākā daļa priekšskatījumu rāda attēlu platu. Attēls ar malu attiecību aptuveni 1,91 : 1, piemēram, 1200 × 630 pikseļi, ir bieži ieteikts un der lielākajai daļai kartīšu bez apgriešanas. Kvadrātveida attēlus bieži apgriež augšā un apakšā, tāpēc svarīgo saturu turi vidū. Google Discover gadījumā Google iesaka attēlus, kas ir vismaz 1200 pikseļu plati, lielu priekšskatījumu, kas atļauts ar iestatījumu max-image-preview:large, un attēlu, kas norādīts ar og:image vai schema.org marķējumu. Google arī iesaka neizmantot vispārīgus attēlus, piemēram, vietnes logotipu.

og:image:width un og:image:height norāda attēla izmēru pikseļos. og:image:alt apraksta, kas ir attēlā, tas nav paraksts. Protokols saka, ka lapā ar og:image jānorāda arī og:image:alt.

Virsraksts un apraksts

og:title var atšķirties no title elementa. Tam nav vajadzīgs vietnes nosaukums, jo to nes og:site_name. Platformas garus tekstus saīsina pēc sava garuma, tāpēc svarīgos vārdus liec sākumā. Open Graph tagi ir svarīgi arī ārpus sociālajiem tīkliem. Google nosauc og:title saturu kā vienu no avotiem virsrakstu saitēm meklēšanas rezultātos, ņem vērā og:site_name vietnes nosaukumam un min og:image kā vienu no veidiem, kā norādīt vēlamo attēlu.

Tagi platformai X

Tags twitter:card izvēlas kartītes veidu. Vērtība summary_large_image pieprasa lielu, platu attēlu, summary mazu. Ja tavā lapā jau ir Open Graph tagi, bieži pietiek pievienot twitter:card. X izstrādātāju lapas šim ceļvedim nebija iespējams nolasīt, tāpēc pārbaudi aktuālos noteikumus tur, pirms paļaujies uz kādu detaļu.

Viena kartīte katrai lapai

Daudzas vietnes katrai lapai iestata vienu un to pašu virsrakstu un attēlu, bieži ar tēmas palīdzību. Tad katra kopīgotā saite izskatās vienādi. Piešķir katrai svarīgai lapai savu og:title, og:description un og:image: produkta lapai produkta fotoattēlu, rakstam tā galveno attēlu. og:type protokols cita starpā izmanto vērtību website vispārīgai lapai un article rakstam. Veikala vai satura pārvaldības sistēma var aizpildīt šos tagus automātiski no katras lapas virsraksta, kopsavilkuma un galvenā attēla. Pēc izmaiņām pārbaudi vienu katras veidnes lapu.

Kāpēc priekšskatījums nemainās

Daudzas platformas saglabā kartīti, kad to ir izveidojušas. Ja vēlāk maini attēlu vai virsrakstu, cilvēki kādu laiku joprojām var redzēt veco kartīti. Palīdz jauns faila nosaukums jaunam attēlam, jo tad platforma redz jaunu adresi. Dažas platformas piedāvā rīku, kas lapu ielādē no jauna.

Pirms kopīgo lapu

• Vai ir og:title, og:type, og:image un og:url, un vai og:url ir kanoniskā adrese?
• Vai katra adrese ir pilnīga, ar https://?
• Vai attēls ir pietiekami plats, vai tas ielādējas un vai svarīgais saturs ir vidū?
• Vai ir iestatīti og:image:alt, og:image:width un og:image:height?
• Vai ir twitter:card tags, un vai virsraksts ir pietiekami īss?

Darbs ar Do4U

Kopīgošanas kartītes pārbaude parāda, kā lapa izskatās, kad tās saiti kopīgo, un pārbauda priekšskatījuma tagus. Tu ievadi vienu adresi. Do4U nolasa lapu un tās kopīgošanas attēla sākumu. Kods savāc Open Graph tagus, Twitter/X kartītes tagus un rezerves vērtības, tas ir, virsrakstu, meta aprakstu un pirmo attēlu, kā arī kanonisko saiti un valodu. Tas no faila nolasa attēla īsto formātu un izmēru un salīdzina tos ar tagiem. Tu saņem neitrālu priekšskatījumu, visu tagu tabulu, konstatējumus ar īsu pamatojumu un ieteiktos tagus kopēšanai. Tagi, ko lapa iestata tikai ar JavaScript, netiek redzēti. AI netiek izmantots, un pārbaude ir bezmaksas, ar dienas limitu.

Do4U atrod norādes, tu pārbaudi un izlem. Priekšskatījums ir neitrāla skice: to, kā platforma rāda saiti, izlemj platforma.