OG un Twitter karšu ģenerators — metatagu veidotājs, auditors un priekšskatījums
Veidojiet ielīmēšanai gatavus Open Graph un Twitter karšu <meta> tagus no veidlapas vai ielīmējiet esošu <head>, lai pārbaudītu, vai tajā trūkst atzīmju, nosaukuma/apraksta garuma un twitter:kartes derīguma — pēc tam priekšskatiet abus patiesi pārveidotos Twitter/X, Facebook, LinkedIn un Discord saišu kartīšu maketos.
Rezultāts
Open Graph un Twitter Card metatagi nosaka, kā saite izskatās, tiklīdz tā tiek ielīmēta Slack, iMessage, tvītā vai Discord kanālā — virsrakstu, aprakstu un attēlu izvēlas pašas lapas <head>, nevis tā, ko platforma izņem no redzamā pamatteksta. Šis rīks ir gan veidotājs, gan auditors, nevis vispārīgs veidņu aizpildītājs. BUILD režīmā aizpildiet nosaukumu, aprakstu, attēla URL, kanonisko URL, satura veidu un Twitter kartītes veidu, un tas izveido precīzu tagu bloku <meta property="og:..."> un <meta name="twitter:...">, kas ir gatavs ielīmēšanai jūsu lapas <head>, izlaižot jebkuru lauku, kuru atstājat tukšu, nevis izlaižot tukšas atzīmes ar tukšu saturu.
AUDIT režīmā ielīmējiet savu esošo <head> marķējumu vai visas lapas HTML, un rīks to parsē ar pārlūkprogrammas vietējo DOMParser, lai izvilktu katru jau esošo metatagu og: un twitter:, pēc tam veic pārbaudes, kas patiešām ir svarīgas: četri parasti nepieciešamie tagi (og:title, og:description, ogged:ull; trūkst karoga, og:title tiek mērīts ar aptuveni 60 rakstzīmju punktu, kurā dažas platformas sāk to saīsināt, un aptuveni 90 rakstzīmju punktu, kurā tiks veikta lielākā daļa platformu; og:apraksts tiek mērīts ar aptuveni 155 līdz 200 rakstzīmju diapazonu, ko pieļauj lielākā daļa platformu, pirms tas tiek pārtraukts; twitter:karte tiek pārbaudīta pret reālajām četrām vērtībām, kuras Twitter karšu pārbaudītājs pieņem — kopsavilkums, summary_large_image, app, player — un tiek atzīmēts, ja tas ir kaut kas cits; un dublikātu tagi (tas pats īpašums deklarēts divreiz, pārsteidzoši izplatīta kopēšanas un ielīmēšanas kļūda) tiek izsaukti pēc nosaukuma.
Attēla izmēri tiek apstrādāti 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, ievērojot šīs vietnes politiku bez ārēja pieprasījuma. Ja jūsu HTML jau ir deklarēti og:image:width un og:image:height, šie deklarētie skaitļi tiek salīdzināti ar plaši ieteikto 1200 × 630 minimumu; ja nē, jūs saņemat skaidru norādījumu, nevis safabricētu apstiprinājumu vai neveiksmi. Abi režīmi atveido vienus un tos pašus četrus saišu priekšskatījuma maketus — Twitter/X (pārslēdzoties starp tā kompakto "kopsavilkuma" sīktēlu izkārtojumu un pilna platuma "summary_large_image" izkārtojumu atkarībā no twitter:kartes vērtības), Facebook, LinkedIn un Discord — katrs no tiem ir patiesi pārveidots, lai skaidri atbilstu šīs platformas etiķetēm un izkārtojuma tipogrāfijai un logotipam, nevis logotipam. kā ilustratīvu aptuvenu plānošanas nolūkos, jo īstas platformas laika gaitā pārveido priekšskatījuma hromu, un šis rīks tos nekad neiegūst vai nesaskrāpē, lai pārbaudītu.