OG и Twitter Card Generator — алат за израду, проверу и преглед мета тагова
Направите Open Graph и Twitter Card <meta> тагове спремне за копирање из формулара, или унесите постојећи <head> да бисте проверили недостајуће тагове, дужину наслова/описа и валидност twitter:card — затим прегледајте оба у аутентично стилизованим mockup-има линк-картица за Twitter/X, Facebook, LinkedIn и Discord.
🔒 У потпуности се обрађује у вашем претраживачу — ништа што овде унесете се никада не отпрема.
Резултат
Open Graph и Twitter Card мета тагови одређују како линк изгледа оног тренутка када се налепи у Slack, iMessage, твит или Discord канал — наслов, опис и слику бира сам <head> странице, а не оно што платформа случајно покупи из видљивог текста. Овај алат је истовремено и градитељ и проверавач, а не генерички попуњавач шаблона. У BUILD режиму унесите наслов, опис, URL слике, канонски URL, тип садржаја и тип Twitter картице, а он саставља тачан блок <meta property="og:..."> и <meta name="twitter:..."> тагова спреман за лепљење у <head> ваше странице, прескачући свако поље које оставите празно уместо да емитује празне тагове са празним садржајем.
У AUDIT режиму унесите свој постојећи <head> код или HTML целе странице и алат га анализира користећи уграђени DOMParser прегледача да издвоји сваки og: и twitter: мета таг који је већ присутан, а затим спроводи провере које су заиста важне: четири уобичајено обавезна тага (og:title, og:description, og:image, og:url) се означавају ако недостају; og:title се мери у односу на отприлике 60 карактера, тачку на којој неке платформе почињу да га скраћују, и отприлике 90 карактера, тачку на којој ће већина; og:description се мери у односу на опсег од отприлике 155 до 200 карактера који већина платформи дозвољава пре скраћивања; twitter:card се проверава у односу на четири стварне вредности које Twitter-ов Card validator прихвата — summary, summary_large_image, app, player — и означава се ако је било шта друго; а дуплирани тагови (исти property декларисан двапут, изненађујуће честа грешка при копирању и лепљењу) се прозивају по имену.
Димензије слике добијају искрен третман: овај алат не може да провери стварну величину ваше слике у пикселима без њеног преузимања, и то намерно никада не ради, у складу са политиком овог сајта о забрани екстерних захтева. Ако ваш HTML већ декларише og:image:width и og:image:height, ти декларисани бројеви се проверавају у односу на широко препоручени минимум од 1200×630; ако не, добијате јасну напомену са смерницама уместо лажног пролаза или пада. Оба режима приказују иста четири mockup-а прегледа линка — Twitter/X (који се пребацује између компактног „summary” изгледа са сличицом и „summary_large_image” изгледа пуне ширине у зависности од вредности twitter:card), Facebook, LinkedIn и Discord — сваки аутентично стилизован да одговара типографији и конвенцијама изгледа саме платформе, уместо једне кутије са другачијим логом, и сваки је јасно означен као илустративна апроксимација за потребе планирања, јер стварне платформе временом мењају изглед свог прегледа, а овај алат их никада не преузима нити прикупља податке са њих ради провере.