Categories: Продвижение сайта

Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как

В последних обновлениях Facebook отключил возможность “подтягивать” любую картинку к ссылке поста. Ранее эту картинку можно было загрузить прямо с компьютера. Но Фейсбук начал бороться с фейковыми новостями и теперь это стало сделать намного сложнее. Теперь для того, чтобы ссылка на страницу сайта подтягивала нужную картинку понадобится доступ к самому сайту.

5 шагов, чтобы сделать кликабельную картинку в Facebook

  1. Создать любую картинку 940×492 пикселей.
  2. Загрузить картинку на любой сайт, лучше конечно на свой, и запомнить ссылку.
  3. Между тегами <head> и </head> страницы, которую в дальнейшем нужно постить вставить: 
    <meta > 

    Для сайтов WordPress
     
    <?php if( is_front_page() ) { ?>
    
<meta >
    
Ссылку http://site.com/image.jpg поменять на ссылку картинки.
  4. Перейти по ссылке: https://developers.facebook.com/tools/debug/ и ввести ссылку страницы сайта, которую нужно постить в Фейсбук. Если изменений не произошло - нажать кнопку "Повторить скрапинг", чтобы изменения вступили в силу.
  5. Ввести ссылку в поле для поста Facebook.

Для сайтов WordPress все эти действия можно сделать с помощью плагина All in One Seo Pack.

  1. Установить и активировать плагин All in One Seo Pack
  2. Установить и активировать модуль социальные мета
  3. Создать любую картинку 940x492 пикселей.
  4. Для главное страницы All in One Seo Pack - Социальные мета - Настройки главной страницы - Загрузить изображение
    Загрузить нужное изображение. Это изображение будет отображаться в социальных сетях при создании поста главной страницы сайта.
  5. Для страниц записей All in One Seo Pack - Социальные мета - Настройки изображения - Выбрать источник OG:image
    Рекомендую поставить - Изображение записи. Таким образом ко всем записям будет подтягиваться картинка загруженная вручную для каждой записи. Ее всегда всегда можно загрузить индивидуально.

Видеоинструкция

Больше статей: Регистрация сайта в Каталогах сайтов - несколько советов

View Comments

  • Добрый день!
    Сделали все по вашей инструкции, при открытии кода HTML сайта указанный тэг отображается, но фейсбук по-прежнему выдает ошибку, что этих тэгов нет. В чем может быть причина?
    Спасибо

    • Нужно очистить кеш сайта, а далее снова "Отладка" и "Повторить скрапинг" для достижения нужного результата.

Leave a Comment
Share
% дней назад

Recent Posts

  • Excel

Как правильно открыть CSV с многострочными ячейками в Excel

Если при открытие csv файла с помощью excel У все поехали ячейки - это простой… Read More

% дней назад
  • Python

Загрузка проекта на Github и Автодеплой на сервер

Простые шаги как происходит Загрузка проекта на Github и Автодеплой на сервер Сделайте работу проще! Read More

% дней назад
  • Python
  • Полезная минутка

Миграция базы данных в проектах Python

Миграция базы данных - помогают с этим библиотеки SQLAlchemy и Alembic. Read More

% дней назад
  • Python

Команды Git – Шпаргалка по основным командам Git

Основные Команды Git, которые точно пригодятся. Сохрани себе шпаргалку Git Read More

% дней назад
  • Python

Установка PostgreSQL на сервер Ubuntu и подключение через pgAdmin

Установка PostgreSQL на сервер Read More

% дней назад
  • Полезная минутка

Как создать PrimaryKey для таблицы в PostgreSQL

Как создать PrimaryKey в талице базы данных SQL [РЕШЕНО] Ошибка relation tablename_id_seq doesn't exist Read More

% дней назад