Осталось 7 дней!
До выхода нового трека «Как же холодно» осталось 7 дней!
Не пропусти премьеру
Давай останемся вдвоем на нашем месте
И выпьем парочку бокалов дорогого бренди
Вспомним об одном, как было хорошо
Как было офигенно, но время подошло
До выхода нового трека «Как же холодно» осталось 7 дней!
Не пропусти премьеру
Давай останемся вдвоем на нашем месте
И выпьем парочку бокалов дорогого бренди
Вспомним об одном, как было хорошо
Как было офигенно, но время подошло
LOVTSOV — «Как же холодно»
Премьера трека 22 марта!
"Как же холодно сейчас, угасли чувства и нет огня"
Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.
Реклама АО «Кордиант», ИНН 7601001509
Настроил сети, получил вот такую анимацию. В основе - Stable diffusion Deforum, управление - 3 control net- tile + facial+ facial expression. А персонаж, похожий на Хью Лори - это LoRA.
Разъёб.
ϟ «Лига анонимности»
Недавно меня приглашали на студию и я умудрился записать свой первый трек в стиле trap-metal. Вот и решил выложить сюда сниппет может зайдëт вам :)
Ссылка на мою группу вк в описании профиля.
Не знаю, насколько может быть актуальным для пикабу подобный контент, но очень хочется поделиться и узнать мнение сообщества, писать ли ещё сюда или остановиться на специализированных площадках. Я уже много лет управляю веб-студией, мы разрабатываем сайты, все дела)) Поэтому с удовольствием буду делиться ещё гайдами нашей специфичной работы, если это будет полезно сообществу.
В общем, сниппет – это то как выглядит ссылка, когда её отправляют другу в мессенджер или публикуют в соцсетях. Заголовок, описание и картинку нужно правильно подготовить, об этом в статье.
Я заметил, что многие разработчики сайтов и фрилансеры пренебрегают сниппетом и не уделяют ему должного внимания, хотя это базовая вещь. Надеюсь, что эту статью вы сможете использовать и для своей работы, чтобы в интернет-пространстве было больше продуманного для людей людьми.
Мы рассмотрим вопрос комплексно и предоставим методические рекомендации по составлению заголовка и описания, а также по дизайну картинки. Данный материал основан на внутреннем регламенте нашей студии
Title (Заголовок) - текст, который отображается на вкладке браузера, в выдаче поисковой системы и как заголовок к ссылке
Description (Описание) — краткое описание содержимого страницы, отображаемое в выдаче поисковой системы и как описание к ссылке
Open Graph — протокол метаданных, который позволяет управлять отображением ссылок на сайте в социальных сетях и мессенджерах
CTA (Call-to-Action) — элемент на веб-странице, который призывает пользователя к определенному действию.
Head — секция HTML-страницы, содержащая метаданные о странице.
Кэш — временное хранилище данных, которое ускоряет доступ к ним в будущем.
Это первое впечатление, которое формируется, когда мы получаем ссылку от друга в мессенджере. Также эти теги влияют на то, как будет выглядеть сайт в выдаче поисковика. От превью зависит кликнем мы на нее или нет. Это формирует наше ожидание того, что мы увидим на странице и именно в этот момент принимаем решение.
Текст и описание, вопросов нет, но картинка обрезалась
Отсутствует картинка, непонятный текст в описании
Понятные заголовок и описания, большая картинка
Nike. Just Do It
По факту, это первое «касание» с сайтом в подразумеваемом Customer Journey, это первое впечатление, которое формируется, когда мы отправляем ссылку другу в мессенджер. Также эти теги влияют на то, как будет выглядеть сайт в выдаче поисковика. От превью зависит кликнем мы на нее или нет. Это формирует наше ожидание того, что мы увидим на странице
Выдача в Google
Выдача в Яндекс
Сниппет в Telegram
Именно Title сообщает поисковым роботам, о чем ваша страница, и помогает им «оценить» ее соответствие поисковому запросу пользователя.
Чтобы сделать правильный Title, важно учитывать, как он отобразится:
В результатах поиска как заголовок сниппета
В соцсетях и мессенджерах
Во вкладке браузера
Подумайте, как среди открытых вкладок, пользователю будет проще найти именно ваш сайт
Каждая страница должна иметь свой уникальный Title
Если тайтл дублируется на разных страницах, он будет вводить пользователей и поисковые системы в заблуждение. Ведь когда у разных страниц одинаковый тайтл, пользователи не смогут определить релевантную для них страницу среди других. Поэтому в таком случае поисковик отобразит другой текст для заголовка, который не будет стимулировать пользователя зайти на сайт.
Title должен соответствовать содержимому страницы по смыслу
Заголовок должен раскрывать тему контента на странице, кратко передавая ее суть. Помните, что поисковикам в первую очередь важен релевантный запросу контент. Пишите для людей — они обязательно обратят внимание, как ваш тайтл предлагает им решить их проблему.
Длину Title рекомендуется ограничить 60-70 символами.
Длинные тайтлы обрезаются поисковиками до 60-70 символов с пробелами. Это 600 пикселей (ширина заголовка в выдаче). Поэтому лучше учитывать этот размер при составлении тайтла, иначе пользователи могут увидеть в выдаче неполный заголовок.
Лучше расположить важные для вас ключевые слова в начало тега, а бренд — в конец
Бренд лучше размещать в конце тайтла. Например, «Франшиза | Drinkpoint», «Политика конфиденциальности | Nocodered»
У каждой страницы вашего сайта должен быть уникальный Description.
Таким образом у вас появляется шанс «предложить» нужный текст для описания и повлиять на кликабельность сниппета, если поисковик не найдет для него более релевантного контента.
Длина Description должна быть не более 160 (для Google)
Поисковики сократят описания до приемлемой для них длины: 150-160 символов – для Google. Поэтому нет смысла прописывать их длиннее этого размера.
Кратко расскажите о реальном содержимом страницы в 2-3 предложениях
Эта информация должна дополнять суть сказанного в тайтл. Именно описание может убедить пользователя перейти по ссылке на сайт — тут вам в помощь CTA (призывы к действию) и ваша фантазия. Главное, описание должно быть лаконичным и четким, чтобы каждый мог понять, какую информацию получит, зайдя на данную страницу.
Вытащить самую суть страницы в описание
Например, если это страница мероприятия, то важно указать: место проведения, дату и время. Если это салон красоты, то адрес, режим работы и телефон.
Картинка должна быть оформлена в соответствии с требованиями бренда, должна быть либо сделана единой для всех страниц, либо подбираться отдельно под каждую страницу. Например, если это страница продукта, то это должна быть картинка с этим продуктом.
Telegram
По умолчанию телеграм обрабатывает ссылку и отображает маленькую квадратную картинку (если ваш сайт на Тильде)
Можно сделать так, чтобы телеграм отображал картинку полностью, для этого необходимо в Head страницы добавить мета теги:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://static.tildacdn.com/tild3732-6130-4765-b431-31666238..." />
VK
Важно понимать, как обрезают изображения сами соцсети
Размер изображения Facebook Open Graph = 1200 x 630 px
Размер изображения для поста Вконтакте = 537 x 240 px
Вконтакте обрезает изображение по середине (синий квадрат)
Telegram, Instagram и Twitter обрезают изображение по квадрату
Весь полезный контент, должен быть вписан в прямоугольник 630х536 (зеленый)
Чтобы проверить как отображается ссылка в соцсетях, можно воспользоваться сервисом
После того, как ссылка в первый раз была отправлена в мессенджеры или в соцсети, то информация кэшируется. Чтобы этот кэш очистить и обновить информацию после правок, нужно воспользоваться специальными ссылками для сброса и обновления этих данных
Чтобы очистить кэш воспользуйтесь официальными сервисами:
для Facebook
для Вконтакте
для Telegram
Подробнее в блоге Тильды
<!-- HTML Meta Tags -->
<title>Веб-студия Nocodered</title>
<meta name="description" content="Дизайн и разработка веб-приложений, сайтов и сервисов для бизнеса">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://nocodered.ru">
<meta property="og:type" content="website">
<meta property="og:title" content="Веб-студия Nocodered">
<meta property="og:description" content="Дизайн и разработка веб-приложений, сайтов и сервисов для бизнеса">
<meta property="og:image" content="https://static.tildacdn.com/tild3330-3830-4634-b533-66666434...">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="nocodered.ru">
<meta property="twitter:url" content="https://nocodered.ru">
<meta name="twitter:title" content="Веб-студия Nocodered">
<meta name="twitter:description" content="Дизайн и разработка веб-приложений, сайтов и сервисов для бизнеса">
<meta name="twitter:image" content="https://static.tildacdn.com/tild3330-3830-4634-b533-66666434...">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://static.tildacdn.com/tild3330-3830-4634-b533-66666434..." />
На этом всё! Пишите в комментарии ваши вопросы, а также присылайте примеры непотребных сниппетов: )
Конкурс мемов объявляется открытым!
Выкручивайте остроумие на максимум и придумайте надпись для стикера из шаблонов ниже. Лучшие идеи войдут в стикерпак, а их авторы получат полугодовую подписку на сервис «Пакет».
Кто сделал и отправил мемас на конкурс — молодец! Результаты конкурса мы объявим уже 3 мая, поделимся лучшими шутками по мнению жюри и ссылкой на стикерпак в телеграме. Полные правила конкурса.
А пока предлагаем посмотреть видео, из которых мы сделали шаблоны для мемов. В главной роли Валентин Выгодный и «Пакет» от Х5 — сервис для выгодных покупок в «Пятёрочке» и «Перекрёстке».
Реклама ООО «Корпоративный центр ИКС 5», ИНН: 7728632689