Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?

1 ответ

Здравствуйте!

Создал, чтобы потренироваться, 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 следующую разметку:

&lt;title&gt;Комнатные растения&lt;/title&gt;         &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;         &lt;link rel="shortcut icon" href="http://f90577wq.beget.tech/favicon.ico" type="image/x-icon" /&gt;         &lt;meta name="description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"&gt;         &lt;meta name="keywords" content="Растения, Домашние, Комнатные, Факты, Уход, Рекоммендации, Разведение, Выращивание, Какое растение завести дома, Растение на подоконник,"&gt; &lt;meta property="og:type" content="business.business"&gt;         &lt;meta property="og:title" content="Комнатные растения"&gt;         &lt;meta property="og:url" content="http://f90577wq.beget.tech/"&gt;         &lt;meta property="og:image" content="http://f90577wq.beget.tech/house-plants.jpg"&gt;         &lt;meta property="og:description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"&gt;         &lt;meta property="business:contact_data:street_address" content="Московская область, Ленинский район, Новое шоссе, 4/2 "&gt;         &lt;meta property="business:contact_data:locality" content="Р/п Дрожжино"&gt;         &lt;meta property="business:contact_data:region" content="Московская область"&gt;         &lt;meta property="business:contact_data:postal_code" content="117623"&gt;         &lt;meta property="business:contact_data:country_name" content="Russia"&gt;

<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

Ankhena, спасибо, что уделяете время, не должно быть несколько<head>? Но тогда получается, что если страница состоит из отдельных шаблонов header.php, mainPage.php, footer.php, то два последних должны иметь такую структуру <html><body></body></html>. Никогда такое не попадалось... Или header.php должен иметь открывающий <html>, а закрывающий нужно перенести в footer.php?

Valentine5, правильно: так не делать. По-хорошему, открывающий и закрывающий теги должны быть в одном файле.

Но если нет общего файла, то придется так.

не должно быть несколько?

Нет. Он может быть только один на странице.

Ankhena Огромное спасибо за помощь, попробую переделать все это с учетом того, о чем вы сказали...

Valentine5, валидатор в помощь

Ответы:

Вы должны добавить og: метатаги. Вот пример моего сайта

&lt;meta property="og:site_name" content="SQLIZE.online"&gt;     &lt;meta property="og:type" content="website"&gt;     &lt;meta property="og:title" content="*************"/&gt;     &lt;meta property="og:description" content="Share SQL shapshot" /&gt;     &lt;meta property="og:url" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /&gt;     &lt;meta property="og:image:secure_url"  itemprop="image" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /&gt;     &lt;meta property="og:image" itemprop="image" content="https://SQLIZE.online/favicons/sqlize/android-chrome-192x192.png" /&gt;     &lt;meta property="og:image:width" content="566" /&gt;     &lt;meta property="og:image:height" content="300" /&gt;     &lt;meta property="og:image:type" content="image/png" /&gt;     &lt;meta property="og:updated_time" content="1679498154" /&gt;

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, все равно не формирует:

&lt;title&gt;Комнатные растения&lt;/title&gt;         &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;         &lt;link rel="shortcut icon" href="http://f90577wq.beget.tech/favicon.ico" type="image/x-icon" /&gt;         &lt;meta name="description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"&gt;         &lt;meta name="keywords" content="Растения, Домашние, Комнатные, Факты, Уход, Рекоммендации, Разведение, Выращивание, Какое растение завести дома, Растение на подоконник,"&gt; &lt;meta property="og:type" content="business.business"&gt;         &lt;meta property="og:title" content="Комнатные растения"&gt;         &lt;meta property="og:url" content="http://f90577wq.beget.tech/"&gt;         &lt;meta property="og:image" content="http://f90577wq.beget.tech/house-plants.jpg"&gt;         &lt;meta property="og:description" content="Сайт о разных видах комнатных растений, содержит статьи об отдельных растениях с рекомендациями по уходу, интересными фактами, описанием особенностей и важных характеристик"&gt;         &lt;meta property="business:contact_data:street_address" content="Московская область, Ленинский район, Новое шоссе, 4/2 "&gt;         &lt;meta property="business:contact_data:locality" content="Р/п Дрожжино"&gt;         &lt;meta property="business:contact_data:region" content="Московская область"&gt;         &lt;meta property="business:contact_data:postal_code" content="117623"&gt;         &lt;meta property="business:contact_data:country_name" content="Russia"&gt;

Valentine5, разметка Open Graph должна располагаться в head сайта, а у вас в сейчас body, как и все meta и link теги, title кстати тоже
SunUp, переносил в head, всё равно не фурычит....
SunUp, @rozhnev

ни в одном месенджере сниппет не появился. В Телеге пробовал даже кэш чистить с помощью бота Webpage Bot
Valentine5, Если удалить все лишние теги, то всё работает. Смотрите, у вас внутри body ещё два блока html каждый со своими head и body что является грубым нарушением стандарта HTML и только хорошая защита от кривой разметки движков современных браузеров позволяет им отобразить вашу вёрстку.
SunUp, огромное спасибо за помощь, похоже, мне нужен ликбез по html, я сделаю, как вы сказали... попробую...

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Елена Вебер Ответ

Для того чтобы создать сниппет в мессенджерах и социальных сетях, необходимо использовать специальные метаданные на главной странице сайта. Эти метаданные предоставляют информацию о сайте, которая будет использоваться при создании сниппета при его распространении в социальных сетях.

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

Вот пример использования мета-тегов Open Graph для создания сниппета на главной странице сайта:

Помимо мета-тегов Open Graph, также можно использовать мета-теги Twitter Cards для создания сниппетов при распространении в Twitter. Эти теги аналогичны мета-тегам Open Graph и позволяют указать информацию о странице для отображения в Twitter.

Таким образом, добавив необходимые метаданные на главную страницу сайта, вы сможете создать сниппеты, которые будут выглядеть привлекательно и информативно при распространении в мессенджерах и социальных сетях.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Telegram Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал? 1 ответ

Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно