Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?
Здравствуйте!
Создал, чтобы потренироваться, MVC сайт без админки f90577wq.beget.tech
При обращении к f90577wq.beget.tech из папки View подтягивается три шаблона header.php, homePage.php, footer.php. Проблема в том, что когда я в любом мессенджере пытаюсь отправить f90577wq.beget.tech не формируется сниппет описание сайта, картинка. Пересылается голая ссылка и все. Как я понял, сниппет автоматически формируется из тегов title, description keywords и картинок сайта. description и keywords я добавил в homePage.php, в раздел head. title есть, так что даже показывается на вкладке с сайтом. Все, что могу себе представить - есть и тем не менее сниппет в мессенджерах не формиурется. Уважаемые специалисты, подскажите, почему это может не происходить? Буду благодарен за любой совет и любую помощь....
P.S. по совету коллег здесь попробовал open graph, добавил в head файла homePage.php следующую разметку:
|
1 |
<title>Комнатные растения</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="http://f90577wq.beget.tech/favicon.ico" type="image/x-icon" /> <meta name="description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"> <meta name="keywords" content="Растения, Домашние, Комнатные, Факты, Уход, Рекоммендации, Разведение, Выращивание, Какое растение завести дома, Растение на подоконник,"> <meta property="og:type" content="business.business"> <meta property="og:title" content="Комнатные растения"> <meta property="og:url" content="http://f90577wq.beget.tech/"> <meta property="og:image" content="http://f90577wq.beget.tech/house-plants.jpg"> <meta property="og:description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"> <meta property="business:contact_data:street_address" content="Московская область, Ленинский район, Новое шоссе, 4/2 "> <meta property="business:contact_data:locality" content="Р/п Дрожжино"> <meta property="business:contact_data:region" content="Московская область"> <meta property="business:contact_data:postal_code" content="117623"> <meta property="business:contact_data:country_name" content="Russia"> |
Не работает, ни в одном месенжере так и не сформировался сниппет
проверил Open Graph сервисом- он все находит: https://pr-cy.ru/tools/open-graph-parser/?taskId=4...
Дополнительно:
Содержание
Попробуйте заглянуть в собственный код
spoiler
Но если нет общего файла, то придется так.
не должно быть несколько?
Нет. Он может быть только один на странице.
Ответы:
Вы должны добавить og: метатаги. Вот пример моего сайта
|
1 |
<meta property="og:site_name" content="SQLIZE.online"> <meta property="og:type" content="website"> <meta property="og:title" content="*************"/> <meta property="og:description" content="Share SQL shapshot" /> <meta property="og:url" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /> <meta property="og:image:secure_url" itemprop="image" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /> <meta property="og:image" itemprop="image" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /> <meta property="og:image:width" content="566" /> <meta property="og:image:height" content="300" /> <meta property="og:image:type" content="image/png" /> <meta property="og:updated_time" content="1679498154" /> |
- Slava Rozhnev насколько я знаю, они на Facebook заточены? Но должен же сниппет без доп методов отображаться... Мессенджеры то разные и они на html страницы ориентируются не на доп методы... Может, можно без og ов обойтись?
- Valentine5, ну Вы же убедились что так не работает. И месссенджеры они лишены интеллекта и ни на что не ориентируется. Они просто читают и показывают определённые теги.
- Slava Rozhnev сейчас попробую, как вы сказали, но og мне кажется, костыль от природы, он исправляет неправильное автоматическое создание сниппета, с которым ничего нельзя сделать и формирует особый сниппет, не такой, как у всех... А у меня-то проблема, что сниппет автоматический в принципе не создаётся.. Огом я, наверное, проблему не решу, замаскирую скорее
- Valentine5, нет в природе никакого автоматического сниппета. Вы можете сделать авто создание ог тегов в вашем коде
- Slava Rozhnev, тут написано, что есть: https://vc.ru/s/1500246-nocodered/616461-gayd-podg... причём, отдельно свой механизм авто формирования у каждого месенджера. Да и по логике, неужели уродливо отображать старые наполненные хорошим контентом сайты, которые никто не меняет..
- Slava Rozhnev Попробовал Open Graph, все равно не формирует:
PHP1<title>Комнатные растения</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="http://f90577wq.beget.tech/favicon.ico" type="image/x-icon" /> <meta name="description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"> <meta name="keywords" content="Растения, Домашние, Комнатные, Факты, Уход, Рекоммендации, Разведение, Выращивание, Какое растение завести дома, Растение на подоконник,"> <meta property="og:type" content="business.business"> <meta property="og:title" content="Комнатные растения"> <meta property="og:url" content="http://f90577wq.beget.tech/"> <meta property="og:image" content="http://f90577wq.beget.tech/house-plants.jpg"> <meta property="og:description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"> <meta property="business:contact_data:street_address" content="Московская область, Ленинский район, Новое шоссе, 4/2 "> <meta property="business:contact_data:locality" content="Р/п Дрожжино"> <meta property="business:contact_data:region" content="Московская область"> <meta property="business:contact_data:postal_code" content="117623"> <meta property="business:contact_data:country_name" content="Russia">
- Valentine5, разметка Open Graph должна располагаться в head сайта, а у вас в сейчас body, как и все meta и link теги, title кстати тоже
- SunUp, переносил в head, всё равно не фурычит....
- SunUp, @rozhnev
ни в одном месенджере сниппет не появился. В Телеге пробовал даже кэш чистить с помощью бота Webpage Bot
- Valentine5, Если удалить все лишние теги, то всё работает. Смотрите, у вас внутри body ещё два блока html каждый со своими head и body что является грубым нарушением стандарта HTML и только хорошая защита от кривой разметки движков современных браузеров позволяет им отобразить вашу вёрстку.
- SunUp, огромное спасибо за помощь, похоже, мне нужен ликбез по html, я сделаю, как вы сказали... попробую...
Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.
Оставить комментарий Отменить
Ответы
- Есть ответ! к записи Как уменьшить масштаб меньше 100% в Windows 10 (22H2)
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Как называется человек, который дизайн придумает для сайта и сверстает его?
- Есть ответ! к записи Можно ли установить Яндекс.Диск на АльтЛинукс?
- Есть ответ! к записи Картинки мутные только на сафари, есть выход?
- Есть ответ! к записи Keenetic. Как настроить SSTP клиент с сертификатом?
- Есть ответ! к записи Чем заменить executor в aiogram 3?
Для того чтобы создать сниппет в мессенджерах и социальных сетях, необходимо использовать специальные метаданные на главной странице сайта. Эти метаданные предоставляют информацию о сайте, которая будет использоваться при создании сниппета при его распространении в социальных сетях.
Один из самых распространенных способов добавления метаданных для создания сниппета - это использование мета-тегов Open Graph. Эти теги позволяют указать заголовок, описание, изображение и другую информацию о странице, которая будет отображаться при ее распространении в социальных сетях.
Вот пример использования мета-тегов Open Graph для создания сниппета на главной странице сайта:
Помимо мета-тегов Open Graph, также можно использовать мета-теги Twitter Cards для создания сниппетов при распространении в Twitter. Эти теги аналогичны мета-тегам Open Graph и позволяют указать информацию о странице для отображения в Twitter.
Таким образом, добавив необходимые метаданные на главную страницу сайта, вы сможете создать сниппеты, которые будут выглядеть привлекательно и информативно при распространении в мессенджерах и социальных сетях.