За този инструмент
Етикетите Open Graph (OG) контролират как изглежда страницата, когато се споделя в социални платформи. Facebook, LinkedIn, Slack, Discord и много други четат OG тагове, за да създават карти за предварителен преглед. Без подходящи OG тагове, споделените връзки изглеждат неработещи – общи favicons, липсващи изображения, съкратени заглавия. С тях акциите изглеждат излъскани и честотата на кликване се подобрява значително.
Стандартните OG тагове: og:title (заглавието, показано във визуализацията), og:description (откъсът от текст), og:image (изображението за предварителен преглед, в идеалния случай 1200×630), og:url (каноничен URL), og:type (обикновено „уебсайт“ или „статия“). Слоят с маркери на Twitter Card отгоре: twitter:card, twitter:title, twitter:description, twitter:image. Повечето инструменти се връщат към OG, когато липсват специфични за Twitter маркери.
Този генератор произвежда пълен набор от тагове за OG и Twitter Card от вашите данни. Поставете получения HTML в <head> на страницата. Резултатът е правилно изобразяване на визуализация във всички основни социални платформи.
Защо да използвате OG генератор на етикети
Страници без OG тагове изглеждат зле, когато се споделят. Празно изображение, общо заглавие, липсващо описание — визуализацията се конкурира слабо с правилно маркирани страници в емисии. За маркетинга на съдържанието и споделянето на връзки това пряко влияе върху честотата на кликване.
Ръчното писане на OG етикети се повтаря. Всяка страница има нужда от собствен комплект. Генератор, който произвежда правилни тагове от няколко входа, избягва печатните грешки и пропуснатите свойства, които нарушават социалните визуализации.
Технически подробности
OG таговете използват атрибута на мета свойство (не име): <meta property="og:title" content="..." />. Атрибутът на свойството е необходим за OG; някои анализатори приемат име като резервен вариант, но свойството е правилно.
Изисквания към изображението: 1200×630 пиксела за изобразяване на ретината, съотношение на страните 1,91:1. Таговете og:image:width и og:image:height помагат на платформите да кешират изображенията правилно. og:image:alt предоставя текст за достъпност.
Таговете на Twitter Card използват атрибут name: <meta name="twitter:title" content="..." />. Twitter се връща към OG тагове, когато липсват специфични за Twitter, така че често е достатъчен добре зададен OG. Добавянето на twitter:card изрично избира типа карта (summary_large_image е най-често).
Често задавани въпроси
- Мога ли да персонализирам генерирания изход?
- да Инструментът предоставя различни опции за персонализиране, за да приспособите изхода към вашите специфични нужди. Коригирайте настройките преди генериране или регенерирайте с различни опции.
- Безплатно ли е за използване генерираното съдържание?
- да Всичко, което генерирате с този инструмент, е ваше за използване за лични, образователни или търговски цели без никакви ограничения или изисквания за приписване.
- Това изисква ли акаунт?
- Не. Инструментът е готов за използване веднага без регистрация, имейл и регистрация. Просто отворете страницата и започнете да генерирате.
- Моите входни данни пазят ли се поверителни?
- да Цялата обработка се извършва във вашия браузър. Вашите входни данни и генериран изход никога не се изпращат до външен сървър.
- Мога ли да използвам едно и също OG изображение за всяка страница?
- Възможно, но неоптимално. Изображенията, специфични за страницата, превъзхождат общите изображения за целия сайт за кликване. Използвайте по подразбиране за резервен вариант, но създавайте изображения на страница за важно съдържание.
- Необходима ли е декларация за размери на изображението?
- Полезно, но не е строго задължително. og:image:width и og:image:height позволяват на платформите да кешират изображения без повторно извличане за определяне на размерите. Ускорява следващите споделяния.
- Данните ми качени ли са?
- Не. Генерирането става във вашия браузър.
- Как да тествам OG тагове?
- Facebook Sharing Debugger, Twitter Card Validator и LinkedIn Post Inspector всеки извлича и валидира. Използвайте ги след внедряване на нови OG тагове.