OG un Twitter Card ģenerators — meta tagu veidotājs, auditors un priekšskatījums
Veidojiet ievietošanai gatavus Open Graph un Twitter Card <meta> tagus no formas, vai ielīmējiet esošu <head>, lai auditētu to attiecībā uz trūkstošiem tagiem, nosaukuma/apraksta garumu un twitter:card derīgumu — pēc tam skatiet abus priekšskatījumus patiesi pārveidotos Twitter/X, Facebook, LinkedIn un Discord saišu karšu maketos.
🔒 Pilnībā apstrādāts jūsu pārlūkprogrammā — nekas, ko jūs šeit ievadāt, nekad netiek augšupielādēts.
Rezultāts
Open Graph un Twitter Card meta tagi nosaka, kā saite izskatās tajā mirklī, kad tā tiek ielīmēta Slack, iMessage, tvītā vai Discord kanālā — nosaukums, apraksts un attēls, ko izvēlas pašas lapas <head>, nevis tas, ko platforma nejauši iegūst no redzamā pamatteksta. Šis rīks ir gan veidotājs, gan auditors, nevis vispārīga veidņu aizpildīšana. VEIDOŠANAS režīmā aizpildiet nosaukumu, aprakstu, attēla URL, kanonisko URL, satura veidu un Twitter kartes veidu, un tas sastādīs precīzu <meta property="og:..."> un <meta name="twitter:..."> tagu bloku, kas gatavs ievietošanai jūsu lapas <head>, izlaižot visus tukšos laukus, nevis izvadot tukšus tagus ar tukšu saturu.
AUDITA režīmā ielīmējiet savu esošo <head> iezīmējumu vai visu lapas HTML, un rīks parsē to ar pārlūka iebūvēto DOMParser, lai izgūtu katru jau esošo og: un twitter: meta tagu, pēc tam veic pārbaudes, kam ir nozīme: četri parasti obligātie tagi (og:title, og:description, og:image, og:url) tiek atzīmēti, ja to trūkst; og:title tiek mērīts pret aptuveni 60 rakstzīmju punktu, kur dažas platformas sāk to saīsināt, un aptuveni 90 rakstzīmju punktu, kur lielākā daļa platformu to darīs; og:description tiek mērīts pret aptuveni 155 līdz 200 rakstzīmju diapazonu, ko lielākā daļa platformu atļauj pirms saīsināšanas; twitter:card tiek pārbaudīts atbilstoši četrām reālajām vērtībām, ko pieņem Twitter karšu validators — summary, summary_large_image, app, player — un tiek atzīmēts, ja tā ir kaut kas cits; un dublējoši tagi (viena un tā pati īpašība deklarēta divreiz, pārsteidzoši izplatīta kopēšanas-ielīmēšanas kļūda) tiek norādīti pēc nosaukuma.
Attēla izmēri tiek aplūkoti godīgi: šis rīks nevar pārbaudīt jūsu attēla faktisko pikseļu izmēru, to neiegūstot, un tas apzināti nekad to nedara, atbilstoši šīs vietnes politikai bez ārējiem pieprasījumiem. Ja jūsu HTML jau deklarē og:image:width un og:image:height, šie deklarētie skaitļi tiek pārbaudīti pret plaši ieteikto 1200×630 minimumu; ja nē, jūs saņemat skaidru norādi, nevis izdomātu sekmīgu vai nesekmīgu vērtējumu. Abi režīmi atveido tos pašus četrus saišu priekšskatījumu maketus — Twitter/X (pārslēdzoties starp tā kompakto "summary" sīktēla izkārtojumu un pilna platuma "summary_large_image" izkārtojumu atkarībā no twitter:card vērtības), Facebook, LinkedIn un Discord — katrs patiesi pārveidots, lai atbilstu šīs platformas tipogrāfijas un izkārtojuma konvencijām, nevis viena rūtiņa ar citu logotipu, un katrs ir skaidri marķēts kā ilustratīvs tuvinājums plānošanas nolūkiem, jo reālās platformas laika gaitā maina savu priekšskatījumu noformējumu un šis rīks nekad tās neiegūst un neskrāpē, lai pārbaudītu.