Что такое открытый график?

  1. Пример метатегов Open Graph
  2. Как добавить метатеги Open Graph
  3. Обзор мета-тегов Open Graph
  4. Как проверить интеграцию Open Graph вашего сайта

Обновлено: 13.11.2008 от Computer Hope Обновлено: 13

Open Graph - это технология, впервые представленная Facebook в 2010 это позволяет интеграцию между Facebook и его пользовательскими данными и веб-сайтом. Интегрируя метатеги Open Graph в содержимое вашей страницы, вы можете определить, какие элементы вашей страницы вы хотите показать, когда кто-то предоставит доступ к вашей странице.

Например, вы можете использовать тег og: image, чтобы указать, какое изображение вы хотите, чтобы Facebook использовал при публикации вашей страницы. Указывая информацию Open Graph, Facebook не нужно угадывать, какую информацию использовать, когда ваша страница публикуется.

Пример метатегов Open Graph

Ниже приведен пример того, как мета-теги Open Graph появляются на этой странице, чтобы лучше понять, как их можно использовать. Если вы знакомы с HTML Мета-теги вы сразу заметите, что единственное реальное различие между мета-тегами и тегами Open Graph - это доступные атрибуты свойств.

&lt;meta property = "og: title" content = "Что такое Open Graph?" /> <meta property = "og: description" content = "Определение в компьютерном словаре того, что означает Open Graph, включая связанные ссылки, информацию и термины. "/> <meta property =" og: type "content =" article "/> <meta property =" og: image "content =" https://www.computerhope.com/comp/logos/facebook.gif "/ >

Как добавить метатеги Open Graph

Как и другие метатеги, теги Open Graph должны находиться в голова HTML-страницы. Если вы измените HTML самостоятельно, эти теги могут быть добавлены с использованием любого Редактор HTML , Если вы используете CMS лайк WordPress , вы можете изменить шаблон или использовать плагин, как Yoast управлять этими тегами.

Обзор мета-тегов Open Graph

Ниже приведен список свойств мета-тега Open Graph, которые можно использовать с кратким описанием. Мы попытались перечислить каждый из них по уровню важности, и важно понимать, что не все эти теги являются обязательными, но могут помочь в правильной идентификации частей вашей страницы.

og: title - заголовок страницы

og: image - изображение, которое вы хотите использовать при публикации страницы. Использование свойства og: image полезно, если на вашей странице есть несколько изображений, и вы хотите использовать определенное изображение.

Заметка

Facebook не использует изображения размером менее 300 пикселей и высотой 200 пикселей.

og: description - описание страницы.

og: type - тип объекта или страницы, которую вы описываете. Некоторые из типов, которые могут быть использованы, включают статью, music.album, video.movie и веб-сайт.

og: url - канонический URL-адрес объекта или страницы.

og: locale - расположение информации. По умолчанию значение локали - en_US и не требуется, если только язык не является английским или находится за пределами США.

Как проверить интеграцию Open Graph вашего сайта

Facebook предлагает отладчик Open Graph, который позволяет любому протестировать свою страницу и определить, как она будет выглядеть при публикации на Facebook. Использование этого инструмента может помочь проверить правильность обнаружения вашего Open Graph и отсутствия других ошибок, о которых вы можете не знать на странице.

facebook , Интернет условия , SEO условия , Условия веб-дизайна

Похожие

Что такое SEO?
Смысл SEO - поисковая оптимизация. На португальском языке это известно как Оптимизация сайта, MOB и Оптимизация поиска. SEO - это не более чем оптимизация страницы (или даже всего сайта) для лучшего понимания поисковыми системами. Следствием использования методов SEO является лучшее позиционирование сайта на странице результатов поиска. Например, когда вы ищете в Google «30 дней бесплатно», первым результатом будет веб-сайт Sempihost. SEO - это небезопасная практика, то есть ни одна компания
Урок 8: Что такое оптимизация сайта?
Что такое входящий маркетинг?
Вместо того, чтобы преследовать клиентов с помощью традиционной «исходящей» маркетинговой тактики, входящий маркетинг побуждает клиентов подходить к бренду самостоятельно. Чтобы создать новый бизнес, компания должна: Создайте узнаваемость бренда Преобразование дисков Закрыть продажи Сохранить существующих клиентов Традиционно маркетологи обращают внимание потребителей, «разрушая». Идея состоит в том, что, как только бренд
Что такое SEO? Полное руководство
... как мы его видим. Поэтому оптимизация кода - это задача оптимизации «невидимых» частей для пользователя, но это влияет на рейтинг сайта. Особое значение имеют некоторые теги, составляющие код, такие как тег заголовка, который можно увидеть в верхней части браузера, когда мы открываем веб-страницу, и в поисковой выдаче, связанной с нашей страницей, который служит для указания заголовка конкретной страницы.
Что такое Facebook Open Graph?
... Open Graph» и задавались вопросом, что это такое. Конечно, Facebook Connect существует уже некоторое время, но что такое « Открытый график »? На прошлой неделе я имел честь выступить в SES Торонто на сессии Feeding Frenzy на Facebook с Эндрю Гудман ,
Оптимизация сайта и интернет-магазин
Разработка сайта Оптимизация веб-сайтов и интернет-магазины. Разработали ли вы сайт и хотели бы, чтобы его можно было легко найти для пользователей и поисковых систем? Сейчас самое время сосредоточиться на профессиональной оптимизации вашего сайта. Здесь вы найдете серьезное
Как сделать SEO аудит для сайта WordPress!
Если вы еще не слышали и не проводили SEO-аудит для сайта WordPress, то самое время сделать это. Естественно, следующий вопрос будет, как вы проводите аудит WordPress SEO? Для начала это не сложно. Если вы немного разбираетесь в технологиях, я думаю, вы бы… иначе вы бы не читали этот пост. Кроме того, вместо того, чтобы взять вас за длительный процесс проведения вашего собственного SEO-аудита ... я собираюсь познакомить вас с некоторыми из популярных интернет-инструментов,
6 простых способов повысить SEO вашего сайта ресторана
SEO - модное слово, с которым вы, вероятно, знакомы. Если нет, давайте определим это. SEO расшифровывается как поисковая оптимизация. Он определяется как процесс воздействия на видимость веб-сайта или веб-страницы в Интернете в неоплачиваемых или обычных результатах веб-поиска. По сути, SEO помогает вашему сайту занимать более высокое место в результатах поиска. Почему это важно? У всех есть соревнование. Когда люди ищут ключевое слово или бизнес в Интернете, вы хотите,
Как добавить метаданные Open Graph в Facebook в темах WordPress
... как добавить кнопку «лайк» в WordPress , Тогда мы писали о том, как добавить кнопку отправки Facebook в WordPress , Как правило, теперь Facebook действительно умело выбирает нужные данные для ваших сообщений, когда они публикуются на Facebook. Однако в последнее время мы слышали о том,
Как не отставать от SEO индустрии
Что ты делал 24 апреля 2012 года? Если вы оказались в социальных сетях, возможно, вы слышали об обновлении Google Penguin, которое вышло в тот же день, эффективно изменив отношения между поиском и веб-сайтами навсегда. Если вы были веб-мастером сайта в то
В чем разница между ремаркетингом и ретаргетингом?
Просто 2% людей фактически превращаются в продажи в первый раз, когда они попадают на вашу веб-страницу. Это число может показаться удивительно низким, но правда в том, что вам действительно нужно побеждать людей задолго до того, как они примут решение выбрать вашу компанию перед другими.

Комментарии

В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно?
В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно? Положить вверх отличный контент блога это только начало вашего SEO-путешествия. Вот пять простых советов помочь вам оптимизировать ваш сайт , даже
Что такое «обзор сайта»?
Что такое «обзор сайта»? Как упомянуто выше, «обзор сайта» - в контексте мероприятия / встречи - это когда вы (коллективно) проводите аудит сайта в прямом эфире в ночное время, потратив около 20 минут на то, чтобы дать рекомендации SEO по различным областям: ключевое слово исследование, SEO копирайтинг, техническое SEO, создание ссылок и так далее. У меня была идея, когда я увидел, что некоторые участники brightonSEO Несколько лет назад
Есть ли что-то, что вы пробовали в последнее время и что имело большое значение для SEO вашего сайта?
Есть ли что-то, что вы пробовали в последнее время и что имело большое значение для SEO вашего сайта? Возьмите на себя ответственность за PR для вашего бренда с Press Loft - для бесплатного двухмесячного ознакомления с нашими инструментами PR.
Что помогает содержанию вашего сайта в результатах поиска?
Что помогает содержанию вашего сайта в результатах поиска? Есть много факторов, которые влияют на ваш рейтинг в поисковой системе (как страница занимает позицию в результатах обычного поиска Google). Так что одна из самых важных частей - это качество контента. Исследование, слова и свежесть контента важны для поиска в Интернете. Если ваш веб-сайт или страницы не отображаются на первой странице Google, ваш контент устарел или ваш контент никогда не оптимизируется, вы хотите
Но что, если у вас есть ссылки, указывающие на страницу вашего сайта, которая поступает со спам-сайтов низкого качества?
Но что, если у вас есть ссылки, указывающие на страницу вашего сайта, которая поступает со спам-сайтов низкого качества? Это может нанести вред репутации и рейтингу вашего сайта, так как вы справитесь с этим, чтобы Google не наказал вас? Именно здесь появляются ссылки на Dofollow и Nofollow. Чтобы лучше понять, что это за ссылки и когда их использовать, давайте сначала объясним, как работает большинство ссылок в сфере SEO. Когда страница сайта получает входящую ссылку, что
Вам стало интересно, что поисковая оптимизация может означать для вашего сайта?
Вам стало интересно, что поисковая оптимизация может означать для вашего сайта? Чтобы получить общий обзор того, что можно улучшить на вашем сайте, вы можете получить его бесплатно сканирование сайта сделай это с нами. Это сканирование веб-сайта проверяет мобильную скорость вашего сайта, структуру заголовка и URL-адреса и проводит технический анализ, чтобы увидеть, как ваш сайт оценивает различные технические аспекты SEO.
Вы можете узнать больше о некоторых показателях, таких как PageRank и его альтернативах, в статье " Google PageRank: что это такое и для чего?
Но что, если у вас есть ссылки, указывающие на страницу вашего сайта, которая поступает со спам-сайтов низкого качества? Это может нанести вред репутации и рейтингу вашего сайта, так как вы справитесь с этим, чтобы Google не наказал вас? Именно здесь появляются ссылки на Dofollow и Nofollow. Чтобы лучше понять, что это за ссылки и когда их использовать, давайте сначала объясним, как работает большинство ссылок в сфере SEO. Когда страница сайта получает входящую ссылку, что
Что важно, что вы думаете, что должны делать?
Что важно, что вы думаете, что должны делать? Вы - стартап, и вам нужно быстрое воздействие, внимание и рост! Но неэтичный подход никогда не сможет получить то, что вы хотите. Черная шляпа SEO методы ориентированы на результат. Вы можете видеть, что ваш сайт занимает первое место с затопленным трафиком. Но в конце концов, вы будете пойманы и все, что вы заработали после работы так трудно будет изгнан. Так что не рискуйте своим огромным потенциалом для краткосрочного роста. Черные шляпы
Так как вы знаете, что улучшенные результаты с высоким PR связаны со ссылками с качественных сайтов (см. LinkedIn ), не имеет ли смысла строить качественные ссылки как можно быстрее?
Что важно, что вы думаете, что должны делать? Вы - стартап, и вам нужно быстрое воздействие, внимание и рост! Но неэтичный подход никогда не сможет получить то, что вы хотите. Черная шляпа SEO методы ориентированы на результат. Вы можете видеть, что ваш сайт занимает первое место с затопленным трафиком. Но в конце концов, вы будете пойманы и все, что вы заработали после работы так трудно будет изгнан. Так что не рискуйте своим огромным потенциалом для краткосрочного роста. Черные шляпы
Такие вопросы, как «получает ли сайт социальные сигналы, потому что он занимает хорошие позиции, или же он получает хорошие оценки, потому что он получает социальные сигналы?
Такие вопросы, как «получает ли сайт социальные сигналы, потому что он занимает хорошие позиции, или же он получает хорошие оценки, потому что он получает социальные сигналы?», Абсолютно верны и на них нельзя ответить однозначно с текущими данными. Некоторая информация о наших данных Для набора данных США мы выбрали чрезвычайно большой набор ключевых слов из 10 000 поисковых терминов на Google.com. США. Однако мы не просто включили 10 000 лучших поисковых
Кто хочет потерять потенциального клиента, потому что он вынужден просматривать урезанную версию вашего сайта с запутанной навигацией?
Кто хочет потерять потенциального клиента, потому что он вынужден просматривать урезанную версию вашего сайта с запутанной навигацией? Улучшенный пользовательский опыт означает более низкий показатель отказов и, в конечном итоге, больше посетителей сайта. Бонусные баллы: эти посетители чаще делятся и рекомендуют удобный сайт. 3. О-о-так-просто Один URL Когда ваш веб-сайт создан с одним URL-адресом, который хорошо отображается на любом устройстве, вы также увеличиваете

Lt;meta property = "og: title" content = "Что такое Open Graph?
Что такое входящий маркетинг?
Что такое Facebook Open Graph?
Конечно, Facebook Connect существует уже некоторое время, но что такое « Открытый график »?
Разработали ли вы сайт и хотели бы, чтобы его можно было легко найти для пользователей и поисковых систем?
Естественно, следующий вопрос будет, как вы проводите аудит WordPress SEO?
Почему это важно?
В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно?
Что такое «обзор сайта»?
Есть ли что-то, что вы пробовали в последнее время и что имело большое значение для SEO вашего сайта?