","err_audit_input_required":"Първо поставете HTML, съдържащ вашите мета тагове.","mockups_heading":"Как изглежда като преглед на връзката","mockups_disclaimer":"Тези четири карти са стилизирани приближения на реалния хром за визуализация на връзката на всяка платформа, създадени само за целите на планирането – те не са извличане на живо или екранна снимка на Twitter/X, Facebook, LinkedIn или Discord и платформите могат да променят своя собствен потребителски интерфейс за визуализация с течение на времето.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Раздор","mockup_image_alt":"Изображение за преглед на връзката","mockup_no_image":"Няма предоставено изображение","mockup_no_image_short":"Няма изображение","domain_default_fallback":"example.com","audit_missing_title":"Липсва og:title — повечето платформи показват общо или празно заглавие без него.","audit_missing_description":"Липсва og:description — картата за визуализация няма да показва обобщен текст.","audit_missing_image":"Липсва og:image — повечето платформи не показват изображение или се връщат към първото намерено изображение на страницата.","audit_missing_url":"Липсва og:url — без него споделянията на алтернативни URL адреси (с параметри за проследяване, AMP версии и т.н.) може да не се консолидират в каноничната страница.","audit_title_too_long":"og:title е {length} знака — над точката ~{max}, където повечето платформи ще го съкратят.","audit_title_long":"og:title е {length} знака — над точката ~{max}-символ, където някои платформи започват да го съкращават, въпреки че все още може да се показва изцяло другаде.","audit_title_ok":"og:title е {length} знака — в рамките на безопасния диапазон за повечето платформи.","audit_description_too_long":"og:description е {length} знака — над точката от ~{max} знака, където повечето платформи ще го отрежат.","audit_description_long":"og:description е {length} знака — над точката на ~{max} знака, където някои платформи започват да го съкращават.","audit_description_ok":"og:описанието е {length} знака — в рамките на безопасния диапазон за повечето платформи.","audit_url_not_absolute":"Стойността на og:url „{value}“ не е абсолютен http(s) URL адрес — трябва да е пълният каноничен URL адрес на страницата.","audit_image_not_absolute":"Стойността на og:image „{value}“ не е абсолютен http(s) URL адрес — повечето платформи изискват напълно квалифициран URL адрес на изображение.","audit_image_dims_small":"Декларираният og:image:width/height е {w}×{h} — под широко препоръчвания минимум от 1200×630 за визуализации на връзки.","audit_image_dims_ok":"Декларираният og:image:width/height е {w}×{h} — отговаря на широко препоръчвания минимум от 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height присъстват, но не са валидни числа.","audit_image_dims_unknown":"Не е деклариран og:image:width/og:image:height — действителните размери на пикселите не могат да бъдат проверени без извличане на изображението, което този инструмент никога не прави, по дизайн, за поверителност. Препоръчителен минимум: 1200×630.","audit_twitter_card_missing":"Без етикет twitter:card — Twitter/X обикновено се връща към еквивалентните тагове og:, но изричният twitter:card е по-надежден.","audit_twitter_card_invalid":"twitter: стойността на картата „{value}“ не е една от четирите стойности, които приема валидаторът на карти на Twitter: резюме, резюме_голямо_изображение, приложение, играч.","audit_twitter_card_ok":"twitter:card е „{value}“, валидна стойност.","audit_large_image_needs_image":"twitter:card е summary_large_image, но не е намерено og:image или twitter:image — този тип карта се нуждае от изображение, за да се изобрази правилно.","audit_twitter_title_fallback":"Няма зададен twitter:title — Twitter/X ще се върне към og:title.","audit_twitter_description_fallback":"Няма зададен twitter:description — Twitter/X ще се върне към og:description.","audit_twitter_image_fallback":"Няма зададен twitter:image — Twitter/X ще се върне към og:image.","audit_duplicate_tag_item":"„{tag}“ е деклариран {count} пъти — само последният анализ на повечето платформи действително ще влезе в сила."};
⭐ 0
🔍
Текст Изображение PDF и Документи Аудио Музика Електроника Време Полезни програми Валидатори Езотерика Игри

Генератор на OG и Twitter карти — Създател на мета тагове, одитор и преглед

Създайте готови за поставяне <meta> тагове на Open Graph и Twitter Card от формуляр или поставете съществуващ <head>, за да го проверите за липсващи тагове, дължина на заглавието/описанието и валидност на twitter:card — след това визуализирайте и двата в истински преработен стил на макети на карта с връзки на Twitter/X, Facebook, LinkedIn и Discord.

Buy Me a Coffee at ko-fi.com
Обработка... 0%
Вход за четене
Изграждане/одитиране на тагове
Изобразяване на визуализации
Готово

Резултат

Мета таговете 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 приема — резюме, summary_large_image, приложение, играч — и се маркира, ако е нещо друго; и дублиращите се тагове (едно и също свойство, декларирано два пъти, изненадващо често срещан бъг при копиране и поставяне) се извикват по име.

Размерите на изображението се третират честно: този инструмент не може да провери действителния размер на вашето изображение в пиксели, без да го извлече, и той умишлено никога не прави това, което съответства на политиката на този сайт без външни заявки. Ако вашият HTML вече декларира og:image:width и og:image:height, тези декларирани числа се проверяват спрямо широко препоръчвания минимум 1200×630; ако не, получавате ясна насока вместо измислено преминаване или неуспех. И двата режима изобразяват едни и същи четири макета за визуализация на връзки — Twitter/X (превключвайки между компактното си „обобщено“ оформление на миниатюри и оформление с пълна ширина „summary_large_image“ в зависимост от стойността на twitter:card), Facebook, LinkedIn и Discord – всеки от тях наистина е преработен, за да съответства на собствената типография и конвенции за оформление на тази платформа, вместо едно поле с различно лого, и всяка от тях е ясно обозначена като илюстративно приближение за целите на планирането, тъй като реалните платформи променят стила на своя предварителен хром с течение на времето и този инструмент никога не ги извлича или изтрива, за да ги провери.

🛡️
Изпълнява се в браузъра

Вашите файлове и данни никога не напускат това устройство. Обработката се извършва изцяло офлайн. 100% сигурно.

Приети формати и правила

  • Режимът BUILD съставя og:title, og:description, og:image, og:url, og:type, og:site_name и съответстващи тагове twitter:card/twitter:site/twitter:title/description/image, като пропуска всяко поле, оставено празно, с копие с едно щракване на готовия за поставяне блок.
  • Режимът AUDIT извлича всеки og:/twitter: <meta> таг от поставен HTML чрез DOMParser на браузъра, флагове с липсващи задължителни тагове (og:title/description/image/url), дублиращи се тагове и невалидни стойности на twitter:card.
  • Насоките за дължина използват истинските често цитирани прагове: og:title около 60 знака, преди някои платформи да започнат да го съкращават (до приблизително 90 на най-разрешителните), og:description около 155-200 знака.
  • Изобразява картата Twitter/X в правилното й оформление за декларирания тип карта — компактна „обобщена“ карта с малка квадратна миниатюра или оформление „summary_large_image“ с пълна ширина — заедно с визуализации на Facebook, LinkedIn и Discord.

Ключови предимства

✓ Два истински инструмента в едно: режим BUILD, който генерира точния HTML маркер og: и twitter: <meta> от формуляр, и режим AUDIT, който анализира поставения HTML, за да намери и оцени вашите съществуващи тагове.
✓ Истинско валидиране, а не козметичен контролен списък: липсват задължителни етикети, дължината на og:title/og:description се проверява спрямо действителните ограничения, които платформите съкращават, и twitter:card се проверява спрямо неговите реални четири разрешени стойности.
✓ Честно относно това, което не може да бъде проверено офлайн: размерите на изображението в пикселите са само ориентировъчни, освен ако вашият HTML вече не декларира og:image:width/og:image:height, тъй като този инструмент никога не извлича изображението ви — по дизайн, за поверителност.
✓ Четири наистина различни модела на платформа (Twitter/X's summary vs summary_large_image layouts, Facebook, LinkedIn, Discord), изградени от едно и също заглавие/описание/изображение, ясно обозначени като илюстративни.

Сценарии на употреба

  • • Изпратете нова публикация в блог с подходящи социални карти: попълнете заглавието, описанието и хостваното изображение на корицата, генерирайте блока с маркери og:/twitter: и го поставете направо в <head> на страницата.
  • • Одитирайте <head> на съществуваща целева страница след миграция на CMS, за да откриете липсващо og:image, og:title, което е достатъчно дълго, за да бъде съкратено на някои платформи, или остатъчна невалидна стойност на twitter:card.
  • • Сравнете как едно и също заглавие и изображение се четат в компактната обобщена карта на Twitter/X спрямо нейното оформление summary_large_image с пълна ширина, преди да решите кой тип twitter:карта да декларирате.