Рекомендации по публикации для веб-сайтов и мобильных приложений
Для веб-сайтов
Если у вас есть новостной веб-ресурс, журнал, блог или информационный портал, мы поможем вам без труда охватить существующих подписчиков и увеличить аудиторию. Изучите рекомендации ниже, чтобы предоставить людям доступ к разнообразным функциям Facebook.
- Используйте Статистику Facebook для измерения популярности своих материалов
- Убедитесь, что краулер Facebook имеет доступ к вашем сайту
- Используйте подходящие метки Open Graph, чтобы привлечь новых подписчиков
- Оптимизируйте изображения для предварительного просмотра
- Используйте отладчик публикаций, чтобы исправить метки Open Graph
- Призывайте авторов материалов включить подписку
- Локализуйте свои материалы с помощью наших инструментов для перевода
- Отслеживайте события JavaScript, чтобы изучать использование плагинов в реальном времени
Для мобильных приложений
Также мы хотим помочь разработчикам мобильных приложений привлекать больше постоянных пользователей. Чтобы люди делились материалами вашего приложения на Facebook, нужно предложить им удобные инструменты публикации. Ниже приведены рекомендации, которые помогут вам в этом:
- Явно запросите разрешение на публикацию, когда люди делятся материалами
- Используйте ссылки на приложение, чтобы люди смогли быстро и легко перейти с Facebook на конкретную страницу в вашем приложении
- Используйте диалог сообщения, чтобы поделиться материалами частным образом
- Используйте Facebook Analytics for Apps, чтобы отслеживать метрики
- Используйте заголовок HTTP пользовательского агента, чтобы измерить трафик переходов с мобильных устройств iOS и Android на ваш веб-сайт.
Рекомендации по публикациям для веб-сайтов
1. Используйте Статистику Facebook для измерения популярности своих материалов
Статистика Facebook предлагает разработчикам и веб-мастерам метрики, позволяющие оценить популярность материалов. С ее помощью вы сможете просмотреть охват конкретных новостей, отследить создание и использование материалов, а также узнать демографические данные людей, которые взаимодействуют с вашими материалами и делятся ими. Эта информация поможет вам улучшить работу сайта и предложить пользователям удобные инструменты для размещения материалов.
Эти данные доступны в сети и через API для разработчиков. О том, как заявить домен и приступить к отслеживанию, читайте в нашем руководстве по Статистике.
Некоторые плагины также имеют параметр ref, который позволяет отслеживать трафик на ваш веб-сайт. Если друг нажмет новость о том, что кто-то оставил отметку «Нравится» одной из ваших страниц, мы отправим параметр ref обратно на ваш сайт, где вы сможете отследить это с помощью собственных инструментов аналитики. Чтобы узнать больше, изучите параметры социальных плагинов.
2. Доступ для краулера Facebook
Краулер Facebook собирает материалы с вашего сайта и создает предварительный просмотр для людей на Facebook. Когда кто-то делится на Facebook URL-адресом, оставляет отметку «Нравится» или рекомендует страницу вашего сайта с помощью плагина, начинает работать краулер Facebook. Если ваши материалы доступны всем, то у краулера Facebook не будет проблем с доступом к ним.
Чтобы узнать больше о том, как предоставить краулеру Facebook доступ к вашему сайту, изучите руководство по работе с краулером Facebook.
3. Используйте подходящие метки Open Graph
Когда кто-то делится на Facebook материалами вашего сайта, наш краулер выполняет скрапинг HTML-кода публикуемой страницы. При этом возможны ошибки, потому что скрапер не знает точно, какие данные важны, а какие нет.
С помощью метатегов Open Graph вы можете указать краулеру Facebook, какие материалы следует собирать с каждой страницы. Эти метки предоставляют структурированные данные о странице, в том числе заголовок, описание, изображение для предварительного просмотра и многое другое.
Удачные примеры
Название
Понятный заголовок без рекламы или упоминания самого домена.
Название сайта
Название сайта, например «Мои любимые новости»
URL
URL-адрес без ID сеанса или лишних параметров. Во всех публикациях на Facebook этот адрес будет идентифицирующим URL для данной статьи.
Описание
Четкое описание, включающее не менее двух предложений.
ID приложения Facebook
ID приложения Facebook, которое идентифицирует ваш веб-сайт для Facebook.
Тип объекта
Тип объекта:
Локализация
Эта статья переведена на несколько языков:
Автор и издатель
У этой статьи есть автор и издатель:
Плохие примеры
Плохой заголовок
В заголовке не должно быть рекламной или лишней информации.
Плохой URL
Этот URL содержит лишнюю информацию, которая меняется от пользователя к пользователю, из-за чего отметки «Нравится» и публикации разделены между несколькими URL-адресами, а не собраны вместе от всех пользователей, которые поделились этой статьей.
Слишком общая информация
Это слишком общая информация, которая не сможет убедить пользователей перейти по ссылке.
Слишком общее изображение
Это слишком общее изображение, которое используется во всех новостях. Его размер составляет всего лишь 100 х 100 пикселей, поэтому оно не подойдет для экранов с высоким разрешением.
Отсутствует ID приложения Facebook
Не забудьте поставить метки fb:app_id, article:author и article:publisher!
4. Оптимизируйте изображения для предварительного просмотра
Размеры изображений
Для устройств с высоким разрешением используйте изображения с размером не менее 1200 x 630 пикселей. Чтобы красиво представить публикации страницы с большими изображениями, используйте размер не менее 600 х 315 пикселей. Допускаются изображения размером не более 8 МБ.
Небольшие изображения
Если размер вашего изображения меньше 600 x 315 пикселей, оно все равно отобразится в публикации страницы, но в гораздо меньшем размере.
Также мы изменили дизайн публикаций страницы, чтобы в Ленте новостей на ПК и мобильных устройствах изображения имели одинаковое соотношение сторон. Попытайтесь загружать изображения с соотношением сторон, максимально близким к 1,91:1, чтобы мы смогли отобразить в Ленте новостей полное изображение, не обрезая его.
Минимальный размер изображения
Минимальный размер изображения составляет 200 x 200 пикселей. Если вы попытаетесь загрузить изображение меньшего размера, то в отладчике публикаций появится ошибка.
Изображения для игровых приложений
Для игровых приложений можно использовать два вида изображений:
- Изображения в новостях Open Graph отображаются в квадратном формате. Соотношение сторон изображения для таких приложений должно составлять 600 x 600 пикселей.
- Изображения не для новостей Open Graph отображаются в прямоугольном формате. В этом случае используйте соотношение сторон 1,91:1, например 600 x 314 пикселей.
Подробнее об Open Graph для игр.
Предварительное кэширование изображений
Когда люди делятся материалами впервые, краулер Facebook выполняет скрапинг и кэширование метаданных, размещенных по публикуемому URL-адресу. Мы отобразим изображение только после того, как краулер «увидит» его хотя бы один раз. Это означает, что человек, который делится этими материалами, не увидит обработанное изображение.
Чтобы изображения отображались при первой отметке «Нравится» или публикации, воспользуйтесь одним из двух способов ниже.
1. Предварительное кэширование изображения с помощью отладчика публикаций
Пропустите URL-адрес через отладчик URL-адресов, чтобы заранее получить метаданные для этой страницы. Также рекомендуем сделать это, если вы добавляете в материалы новое изображение.
2. Использование меток Open Graph og:image:width и og:image:height
Если вы воспользуетесь этими метками, краулер сразу «увидит» это изображение и обработает его, при этом не потребуется асинхронно загружать и обрабатывать его.
5. Используйте отладчик публикаций, чтобы исправить метки Open Graph
Правильно настроить метатеги и социальные плагины — это непростая задача, поэтому мы создали инструмент отладки, чтобы вы смогли просмотреть наши страницы так же, как их видит наш скрапер. Просто введите URL-адрес своей страницы — и вы получите полезную информацию, например метатеги с вашей страницы и ошибки или предупреждения об ошибках в ваших материалах, которые могут повлиять на социальные плагины.
Кроме того, отладчик обновляет весь ваши материалы, прошедшие скрапинг, чтобы вы могли менять его чаще, чем каждые 24 часа.
6. Призывайте авторов материалов включить подписку
Подписка позволяет авторам материалов делиться общедоступными обновлениями с подписчиками, а личные новости демонстрировать только друзьям. Например, журналисты могут предлагать читателям или зрителям общедоступные материалы, в том числе фото интересных мест или ссылки на опубликованные материалы. Подписка позволяет аудитории стать ближе к вам и просматривать самые свежие материалы, не добавляя вас в друзья.
Как начать использовать подписку
- Включите подписку — откройте настройки аккаунта и нажмите вкладку «Подписчики». Поставьте галочку в пункте, чтобы разрешить добавление подписчиков. При желании вы можете включить комментарии от подписчиков и уведомления.
- Заполните Хронику — придайте своей Хронике достойный вид: добавьте фото обложки, заголовок, расскажите о своей работе, ключевых датах в карьере и интересных событиях в жизни.
- Расширяйте кругозор — подпишитесь на других журналистов, фотографов, писателей и тех людей, которые набрали много подписчиков. Просматривайте их Хроники, чтобы понять, чем они делятся с миром.
- Делайте публикации — делитесь интересными фото, ссылками на свои материалы, новостями о своей работе и т. д. Публикации, для которых в настройках видимости вы укажете «Доступно всем», увидят все ваши подписчики в своей Ленте новостей.
7. Локализуйте свои материалы с помощью наших инструментов для перевода
Подготовьте свои материалы к переводу, чтобы охватить международную аудиторию. Используйте для своих материалов метки og:locale. Инструкции по форматированию объектов и действий Open Graph вы найдете в нашем руководстве по локализации Open Graph.
8. Отслеживайте события JavaScript, чтобы изучать использование плагинов в реальном времени
При необходимости вы можете отслеживать взаимодействие людей с социальными плагинами на своем веб-сайте. Facebook SDK для JavaScript может подписываться на события, когда люди нажимают кнопку «Нравится», отправляют сообщение с помощью кнопки «Отправить» или оставляют комментарий. Чтобы узнать, как отслеживать эти события, обратитесь к справочному руководству FB.Event.subscribe.
Рекомендации по публикациям для мобильных приложений
Помогите пользователям рассказать своим друзьям о вашем приложении через публикации на Facebook.
Чтобы люди делились материалами вашего приложения на Facebook, нужно предложить им удобные инструменты публикации. Функция публикации не только делает ваше приложение интереснее, но и позволяет людям, которые используют его, рассказать друзьям о своих увлечениях. Кроме того, публикации демонстрируют ваше приложение в Ленте новостей Facebook, повышая его узнаваемость, а также привлекают трафик и установки, когда люди, которые взаимодействуют с вашими материалами, попадают в ваше приложение или на его страницу в магазине.
Включить функцию публикаций на мобильной платформе можно одним из четырех способов:
Эти рекомендации помогут людям без труда делиться интересными материалами, что поможет как разработчикам, так и пользователям.
Ниже приведены рекомендации для разработчиков:
- Явно запросите разрешение на публикацию, когда люди делятся материалами
- Используйте ссылки на приложение, чтобы люди смогли быстро и легко перейти с Facebook на конкретную страницу в вашем приложении
- Сделайте новости более увлекательными и персонализированными с помощью Open Graph
- Используйте диалог сообщения, чтобы поделиться материалами частным образом
- Используйте Facebook Analytics for Apps, чтобы отслеживать метрики
1. Явным образом запросите разрешение на публикацию, когда люди делятся материалами
Запросы на разрешение должны появляться тогда, когда люди пытаются выполнить в вашем приложении действие, для которого требуется это самое разрешение. Особенно важно запрашивать разрешения в контексте, если вашему приложению требуются разрешения на публикацию. Мы рекомендуем запрашивать эти разрешения, когда люди выбирают в приложении варианты действий, связанные с публикацией. Если вашему приложению достаточно базовых функций публикации (например, размещение за раз только одной публикации без индивидуальной настройки), можно использовать диалог «Поделиться» для iOS и Android.
2. Используйте ссылки на приложение, чтобы люди могли быстро и легко перейти с Facebook на конкретную страницу в вашем приложении
Когда люди нажимают новости от вашего приложения в своей Ленте новостей на Facebook, они могут быть переадресованы в приложение или в магазин, что увеличивает трафик и число установок. Реализовать подобный механизм можно с помощью ссылок на приложение. Ссылки на приложение позволяют настроить диплинки на материалы в вашем приложении. Когда пользователь вашего приложения делится материалами на Facebook (или через другое приложение с подобными ссылками), вы можете создать ссылку, которая позволяет вернуться именно к этим материалам в вашем приложении.
3. Используйте диалог сообщения, чтобы поделиться материалами в личном сообщении
Диалог сообщения позволяет людям делиться новостями с материалами из вашего приложения напрямую с ограниченным кругом их друзей через Facebook Messenger. Ссылки на приложение перенаправляют людей прямо на нужную страницу.
4. Используйте Facebook Analytics for Apps, чтобы отслеживать метрики
Facebook Analytics предлагает разработчикам и веб-мастерам метрики, позволяющие оценить популярность материалов. Если вы проанализируете и поймете тенденции использования и создания материалов, а также демографические данные о своей аудитории, то сможете предоставить своим клиентам именно то, что им нужно. Подробнее об Analytics читайте здесь.
5. Используйте заголовок HTTP пользовательского агента
При желании вы можете отслеживать мобильный трафик переходов из Facebook для iOS или Android на свой веб-сайт. Такой трафик возникает, когда люди делятся ссылками на ваш сайт в своей Ленте новостей, а их друзья нажимают эти ссылки на своих мобильных устройствах. Ваше приложение должно:
ожидать HTTP-заголовок перехода, значение которого содержит
facebook.comотслеживать, откуда пришел этот трафик переходов: из Facebook на iOS, Android или из мобильного веб-браузера на этих платформах искать
HTTP User-Agentсо значениемFB_IAB/FB4Aдля Android и «FBAN/FBIOS» для iOS.