Par šo rīku
Atvērtā grafika (OG) tagi nosaka, kā lapa tiek rādīta, kad tā tiek kopīgota sociālajās platformās. Facebook, LinkedIn, Slack, Discord un daudzi citi lasa OG tagus, lai izveidotu priekšskatījuma kartes. Bez atbilstošiem OG tagiem koplietotās saites izskatās bojātas — vispārīgi faviconi, trūkstošie attēli, saīsināti nosaukumi. Ar tiem akcijas izskatās noslīpētas un ievērojami uzlabojas vidējais klikšķu skaits.
Standarta OG tagi: og:title (nosaukums, kas tiek parādīts priekšskatījumā), og:description (teksta fragments), og:image (priekšskatījuma attēls, ideālā gadījumā 1200 × 630), og:url (kanoniskais URL), og:type (parasti “vietne” vai “raksts”). Twitter Card tagu slānis augšpusē: twitter:kartīte, twitter:nosaukums, twitter:apraksts, twitter:attēls. Lielākā daļa rīku atgriežas pie OG, ja nav Twitter specifisku tagu.
Šis ģenerators no jūsu ievades izveido pilnu OG un Twitter karšu tagu komplektu. Ielīmējiet iegūto HTML lapas <head>. Rezultāts ir pareiza priekšskatījuma renderēšana visās lielākajās sociālajās platformās.
Kāpēc izmantot OG tagu ģeneratoru
Lapas bez OG tagiem izskatās slikti, ja tās kopīgo. Tukšs attēls, vispārīgs nosaukums, trūkst apraksta — priekšskatījums slikti konkurē ar pareizi marķētām lapām plūsmās. Satura mārketingam un saišu kopīgošanai tas tieši ietekmē vidējo klikšķu skaitu.
Ar roku rakstītas OG atzīmes atkārtojas. Katrai lapai ir nepieciešams savs komplekts. Ģenerators, kas izveido pareizus tagus no dažiem ievades datiem, izvairās no drukas kļūdām un garām palaistām īpašībām, kas izjauc sociālo priekšskatījumu.
Tehniskās detaļas
OG tagos tiek izmantots meta īpašuma atribūts (nevis nosaukums): <meta property="og:title" content="..." />. Īpašības atribūts ir nepieciešams OG; daži parsētāji pieņem vārdu kā atkāpšanos, bet rekvizīts ir pareizs.
Prasības attēlam: 1200 × 630 pikseļi tīklenes renderēšanai, malu attiecība 1,91:1. Tagi og:image:width un og:image:height palīdz platformām pareizi saglabāt attēlus kešatmiņā. og:image:alt nodrošina pieejamības tekstu.
Twitter kartes tagos tiek izmantots nosaukuma atribūts: <meta name="twitter:title" content="..." />. Twitter atgriežas pie OG tagiem, ja nav Twitter specifisku tagu, tāpēc bieži vien pietiek ar labi iestatītu OG. Pievienojot twitter:card, tiek skaidri izvēlēts kartes veids (visbiežāk tiek izmantots summary_large_image).
Bieži uzdotie jautājumi
- Vai es varu pielāgot ģenerēto izvadi?
- Jā. Rīks nodrošina dažādas pielāgošanas iespējas, lai pielāgotu produkciju jūsu īpašajām vajadzībām. Pielāgojiet iestatījumus pirms ģenerēšanas vai atjaunojiet, izmantojot dažādas opcijas.
- Vai ģenerēto saturu var izmantot bez maksas?
- Jā. Visu, ko ģenerējat ar šo rīku, varat izmantot personīgiem, izglītojošiem vai komerciāliem mērķiem bez jebkādiem ierobežojumiem vai attiecinājuma prasībām.
- Vai tam ir nepieciešams konts?
- Nē. Rīks ir gatavs lietošanai nekavējoties bez reģistrācijas, bez e-pasta un bez reģistrācijas. Vienkārši atveriet lapu un sāciet ģenerēt.
- Vai mani ievadītie dati tiek glabāti privāti?
- Jā. Visa apstrāde notiek jūsu pārlūkprogrammā. Jūsu ievades dati un ģenerētā izvade nekad netiek nosūtīti nevienam ārējam serverim.
- Vai es varu izmantot vienu un to pašu OG attēlu katrai lapai?
- Iespējams, bet neoptimāli. Lapai paredzētie attēli ir labāki par vispārējiem vietnes mēroga attēliem, lai veiktu klikšķi. Izmantojiet atkāpšanās noklusējumu, bet svarīgam saturam izveidojiet attēlus katrā lapā.
- Vai ir nepieciešama attēla izmēru deklarācija?
- Noderīgs, bet nav stingri nepieciešams. og:image:width un og:image:height ļauj platformām saglabāt attēlus kešatmiņā bez atkārtotas ielādes, lai noteiktu izmērus. Paātrina turpmākās akcijas.
- Vai mani dati ir augšupielādēti?
- Nē. Ģenerēšana notiek jūsu pārlūkprogrammā.
- Kā pārbaudīt OG tagus?
- Facebook koplietošanas atkļūdotājs, Twitter karšu pārbaudītājs un LinkedIn ziņu inspektors katrs izgūst un apstiprina. Izmantojiet tos pēc jaunu OG tagu izvietošanas.