Твиттер не видит картинку пример

Картинка для Twitter Card и она не показывается! Решим проблему с twitter card.

Проверка и установка Twitter Card с примерами

1. Что такое twitter card
2. Какие условия необходимы, чтобы картинка показывалась в твиттере
3. Почему Твиттер не видит картинку
4. Проверка доступности картинки для Твиттера
5. Если картинка в твиттере не показывается
6. Почему ещё картинка в твиттере не показывается

Что такое twitter card

Для того, чтобы понять, что нам придется решать - в смысле проблему, которая написана в заголовке, нам надо представлять, что это будет -> twitter card, хотя бы примерно!

Вот буквально на днях решил, очередной раз проблему, что "Твиттер не видит картинку".



Как видим, что слева от поста есть картинка, которая и называется twitter card и сравните вот с этим набором сообщений в twitter-е? если вы думаете, что никакой разницы нет, то в принципе вам эта тема больше не нужна! А для всех остальных мы продолжим!





Какие условия необходимы, чтобы картинка показывалась в твиттере

На самом деле - все очень просто!

Чтобы не быть голословным, просто скопирую все, что у меня расположено на сайте, что отвечает за twitter card, а уж вы сами можете потренироваться, что нужно, что нет!

<meta name="twitter:card" content="summary">

<meta name="twitter:site" content="@dwweb.ru"> <!-- главный(например корпоративный, либо личный) аккаунт в twitter -->

<meta name="twitter:creator" content="@dwweb.ru"> <!-- Если первое и создатель контента совпадают, то здесь повторяем из предыдущего пункта! -->

<meta name="twitter:title" content="<?echo$title?>">

<meta name="twitter:description" content="<?echo$description?>">

<meta name="twitter:image" content="https://dwweb.ru/_data/ir/dwweb.png">

Да... $title (title) и $description (description) формируются автоматически из описания. Чтобы посмотреть нажмите ctrl + U



Почему Твиттер не видит картинку

Твиттер может не видеть картинку по совершенно разным причинам!

Как проверить работу twitter card.

Первым шагом в устранении проблемы пройдите в twitter card validator - твиттер кард валидатор -> https://cards-dev.twitter.com/validator

В форме в строке Card URL вставляем адрес вашего сайте, с которого и будет отправляться картинка в твиттер!

И далее нажимаем card preview если все нормально, то вы должны получить, результат вывода вашей картинки в твиттере, как она уже будет внутри твиттера с выводом сообщения! И все строки, естественно, внизу вашего твиттера должны быть зеленого цвета! Если какая-то строка красного цвета, то у вас какие-то проблемы с выводом картинки в твиттере

Для нашего сайта это будет выглядит так(старый вариант):





Проверка доступности картинки для Твиттера

Если у вас выдает ошибку, то вторым шагом надо проверить - доступна ли картинка вообще!

Проверяем доступность картинки - забиваем в адресную строку - доступна ли она по данному адресу.

Далее можно проверить, что выдает Яндекс вебмастер по вашей ссылке, что он отвечает на данный вопрос: - доступности картинки

26\04\2020

В вебмастере в выпадающем окне выбираем ваш сайт - слева меню - инструменты -

robots.txt вставляем адрес - нажимаем проверить адрес картинки .



Далее ниже должно появиться второе поле, повторяем операцию, если появится надпись красным цветом, то ваша картинка для твиттера недоступна по причине её блокировки в файле robots.txt.



Для исправления данной ситуации вставляем в файл robots.txt.

Allow:/ПУТЬ_ДО_КАРТИНКИ

Но лучше всего, чтобы картинка была в общей - доступной папке, чтобы ничего не нужно было дополнительно разрешать!




Если картинка в твиттере не показывается

После всех манипуляций твиттер картинка все равно не показывается.

Прежде всего никогда не надо нервничать! Эта фигня - это техника и её надо понимать, а не нервничать из-за этого!

Не забываем, что есть такая вещь, как кэш, он периодически не позволяет просмотреть ваши манипуляции с сайтом в реальном времени! Поэтому очищаем кэш е браузерах - ctrl + shift + delite.

Возможно сработает ctrl + F5 - обновление и перезагрузка, или ctrl + R

Либо откройте в другом стороннем браузере, в котором вы еще не открывали данный сайт.

Если и все равно ничего не срабатывает... оставьте на завтра... или путь вообще пройдет пара дней... у меня так заработало на второй день!




Почему ещё картинка в твиттере не показывается

Иногда... картинка перестает показываться просто так.... вчера показывалась, за ночь и предыдущие недели ничего не менялось, а он(твиттер) - тупо отказывается загружать картинку!

Вообще твиттер не хранит данные картинки в обычном формате, они преобразуются в svg код иконки. А svg - это вообще очень капризная вещь! Чуть, что не так... все! И непонятно из-за чего проблема...