Переход страниц как на Youtube

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

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

Аналогично работает технология турбо-страниц для поиска в Яндексе.

AMP (Accelerated mobile pages) — технология Google

Турбо-страницы — технология Яндекса

За счет чего страницы загружаются быстро?

Первый фактор — Google и Яндекс показывают людям не полноценные страницы вашего сайта, а облегченные версии. Контент останется на месте: текст, картинки, видео с YouTube или Vimeo. Но анимация, скрипты, формы, кнопки отображаться не будут. Остается только легкий минималистичный код.

Второй фактор — поисковики отдают пользователям страницы со своих серверов, а не вашего. И Яндекс с Google выберут ближайший к вам сервер, чтобы загрузка прошла максимально быстро.

Отключить переход на следующее видео Youtube

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

Где использовать турбо-страницы и AMP

Технологии ускоренных страниц созданы в первую очередь для контентных страниц: статей, новостей, инструкций. Для лендингов пока слишком много ограничений. Об этом нам прямо говорят Google и Яндекс в инструкциях. Поэтому сегодня в Тильде интеграция с турбо-страницами и AMP есть только у Потоков.

Плюсы ускоренных страниц

1. Скорость

Главное, что нам дают турбо-страницы и AMP — скорость загрузки в 5-15 раз быстрее, чем у обычных страниц. На любом устройстве, при любом интернете страница откроется сразу и человек получит информацию, которую искал.

В 2021 году высокая скорость — один из главных факторов качества сайта. Люди не готовы ждать 5-10 секунд до открытия страницы. Многие просто закроют вкладку и перейдут к следующей. А вы потеряете потенциального читателя, который мог бы стать подписчиком или клиентом.

2. SEO

Ускоренные страницы быстрее растут в поиске. Скорость — важнейший фактор ранжирования в поиске. Чем выше скорость, тем меньше отказов — ситуаций когда человек закрывает сайт не дождавшись загрузки. А еще Google и Яндекс визуально выделяют страницы в мобильной поисковой выдаче.

Google и Яндекс не говорит, что факт наличия ускоренных версий страниц помогает ранжироваться выше. Что рост происходит только благодаря улучшению поведенческих факторов. Но маркетолог Роман Яковенко проводил тесты, когда сразу после интеграции некоторые страницы показали взрывной рост, прыгнув на 5-10 позиций вверх. Но не все.

САМЫЕ ТЯЖЕЛЫЕ ИСПЫТАНИЯ ВЫПАДАЮТ НА ОКТЯБРЬ! Астропрогноз на октябрь 2023г.

Минусы ускоренных страниц

1. Упрощенный дизайн

Собственные шрифты, нестандартная верстка, анимация, интерактивность, формы, кнопки, скрипты — все это не будет работать. Шапка с меню и подвал сайта тоже отображаться не будут. Придется пожертвовать этим ради суперскорости на мобильных. И это нормально для статей из Потоков, где у вас отдельный ограниченный редактор текста, а не полная библиотека блоков.

В Яндексе вы сможете сделать минимальную визуальную кастомизацию с помощью кода CSS-стилей, но нужно разбираться с CSS — инструкция. Для Google AMP у вас такой возможности для сайта на Тильде нет.

2. Сложности аналитики

Ускоренные страницы будут показываться пользователю с серверов Яндекс и Google. При переходе на страницу в браузере у вас будут отображаться адреса с доменами yandex.ru и google.com, а не вашего сайта

Поэтому встроенная статистика Тильды, а также счетчики Google Analytics и Яндекс Метрики, которые вы установили на весь сайт, не будут собирать данные на турбо-страницах.

Что аналитика на ускоренных страницах заработала, нужно подключать счетчики отдельно.

Как это сделать
Инструкция для турбо-страниц Яндекса
Для Google AMP возможности подключить Google Analytics и Yandex Метрику пока нет

3. Сложности ретаргетинга

Маркетологи часто используют статьи в своих стратегиях. Например, маркетолог привел тысячу людей на классную и полезную статью, поймал их на сайте пикселем ретаргетинга facebook, а потом показывает им рекламу платного продукта в ленте facebook и instagram. Люди, уже знакомы с компанией из статьи, позитивно настроены к бренду и охотнее переходят по рекламе.

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

Аналогично с аналитикой, пиксели нужно подключать отдельно.
Инструкция для турбо-страниц Яндекса
Для AMP возможности подключить пиксели ретаргетинга пока нет

Чтобы сделать турбо-страницы полноценным элементом маркетинговой стратегии, нужно руками добавить счетчики аналитики и пиксели ретаргетинга. Для Google AMP в Потоках такой возможности пока нет. Поэтому если какие-то статьи у вас являются важной частью маркетинговой стратегии и нужно отслеживать аналитику и события пикселей — делайте такие материалы обычными страницами без использования Потоков.

Как подключить Google AMP для статей из Потоков

Тильда создает ускоренные версии страниц с AMP-разметкой автоматически. Чтобы все работало корректно и AMP страницы начали отображаться в поиске Google, нужно выполнить 3 шага.

1. Проверить, что стоит галочка в Настройках Потока ⟶ Дополнительно ⟶ AMP-страницы включены

2. На вкладке «Компания» добавить название компании и загрузить логотип

3. Добавить сайт в Google Search Console — инструкция

Как только робот Google обойдет страницы статей, он добавит в мобильный поиск ускоренные AMP-версии.

Отслеживать, какие AMP-страницы уже попали в поиск Google можно в разделе Улучшения на вкладке Страница AMP

Как подключить турбо-страницы Яндекса для статей из Потоков

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

Как подключить Яндекс Турбо
1. Добавьте сайт в сервис Яндекс Вебмастер — инструкция
2. Добавьте в Яндекс Вебмастере ссылку на RSS-канал в качестве источника данных для турбо-страниц

Ссылку на RSS-канал можно найти в Настройках потока ⟶ Дополнительно. Скопируйте ее

Перейдите в Яндекс Вебмастер > Турбо-страницы для контентных сайтов > Источники
Вставьте ссылку на RSS-канал в поле «Ссылка на источник» и нажмите добавить
Когда пройдет проверка, включите RSS-канал.

Готово! При переходе из мобильного поиска Яндекс покажет ускоренные страницы.

Главное о Яндекс Турбо и Google AMP

1. Google AMP и Яндекс Турбо — это 2 технологии, которые позволяет пользователям быстро загружать облегченные версии страниц на мобильных устройствах при переходе из поиска в Google и Яндекс.

2. AMP и тубро-страницы подходят в первую очередь для контентных страниц: статей, новостей, инструкций. Для создания лендингов и коммерческих страниц у технологии пока много ограничений. Нестандартная верстка, анимация, интерактивность, формы, кнопки, скрипты — все это не будет работать на ускоренных страницах.

3. AMP и Турбо позволяют в 5-15 раз быстрее загружать страницы даже с медленным интернетом на мобильных. Это снижает процент отказов и помогает быстрее расти в поиске.

4. У AMP и турбо-страниц есть минусы: упрощенный дизайн, необходимость подключать счетчики аналитики и пиксели ретаргетинга отдельно. Для Google AMP-страниц подключить счетчики и пиксели для статей из потоков пока нельзя.

5. В Тильде настроена автоматическая интеграция с тубро-страницами и AMP. Подключение займет у вас не больше 15 минут.

Источник: tilda.school

Как сделать свою ссылку (изменить url-адрес) канала на Ютубе

Один из секретов достижения успеха в блогинге на Ютубе – индивидуальность. Медиаплатформа дает множество способов выделиться. Один из простых – создание индивидуального адреса канала. Перед тем как изменить ссылку на YouTube-канал, полезно ознакомиться с их разновидностями. Также изучите требования, которым должен соответствовать аккаунт для проведения этой процедуры.

Что такое URL и где его взять

В переводе с английского аббревиатура «URL» означает «унифицированный идентификатор ресурса». Он представляет собой набор цифр, букв, символов, слов, фраз. Для каждой страницы в интернете используется индивидуальный URL-код. Он также именуется ссылкой.

Адрес показывает, где находится конкретный ресурс. Узнать расположение URL на YouTube можно за несколько кликов:

1. Выполнить вход в Ютуб-аккаунт;
2. Перейти на главную страницу канала;
3. Кликнуть в верхней части браузера, где расположена ссылка.

Эти действия активируют окно, в котором появится весь URL-адрес страницы. Получить индивидуальный код ресурса можно в списке найденных поисковой системой. Кликните по нужной ссылке правой кнопкой мыши. Во всплывающем меню выберете пункт «Копировать адрес».

Какими бывают адреса каналов

Перед тем как изменить URL-адрес канала на YouTube, познакомьтесь с их разновидностями. Видеохостинг предусматривает 3 категории URL-адресов для видеороликов:

• с идентификатором;
• собственный;
• с именем.

Первая разновидность ссылки присваивается аккаунту автоматически во время регистрации. Набор случайно выбранных цифр и букв в конце адреса после знака «/» называется идентификатором.

Собственную ссылку создает владелец. Такой URL легко запоминается и может включать:

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

Собственный идентификатор ресурса на Ютубе может быть одного из двух возможных видов:

• youtube.com/svoyonazvanie;
• youtube.com/c/svoyonazvanie.

Важно! При публикации URL-адреса вы можете изменять некоторые символы на заглавные, чтобы придать ему читабельный вид.

Адрес, содержащий имя пользователя, генерируется автоматически системой Ютуба. Изменению он не подлежит. Ранее медиаплатформа постоянно использовала такие ссылки, впоследствии они остались рабочими, но стали необязательны в применении. Несмотря на это, осуществить поиск по ним возможно.

Требования для изменения ссылки

Руководство медиахостинга выдвигает ряд критериев для канала, ссылка на который будет изменена. К обязательным требованиям относят:

• количество подписчиков – от 100;
• с даты создания ютуб-канала прошло 30 дней и более;
• главная страница аккаунта полностью оформлена: установлены все заставки, заполнены поля основной информации;
• на аватаре установлена фотография, изображение на которой можно различить даже при максимальном сжатии.

Каналу может принадлежать только один идентификатор ресурса, созданный владельцем. Передавать или заниматься их продажей запрещено правилами медиаплатформы. Повторное изменение адреса недопустимо. По этой причине заранее продумайте, на что будет переименован url.

Среди общих рекомендаций такие:

• не используйте в идентификаторе ресурса более 3 фраз;
• обращайте внимание на логичность придуманного названия;
• учитывайте сочетаемость нового адреса с основной тематикой канала;
• создайте собственный бренд, который легко запомнится зрителям;
• используйте в структуре ссылки слова, находящиеся в топе поисковых фраз.

Важно! Составить лаконичное и запоминающееся название поможет изучение URL-адресов конкурентов.

Инструкция по изменению

После проверки канала на соответствия требованиям приступайте к созданию собственного URL-адреса. Предварительно ознакомьтесь с инструкцией по вопросу, как сделать индивидуальную ссылку.

Процесс состоит из 9 этапов:

1. Выполнить вход в YouTube-аккаунт;
2. Вверху справа кликнуть по фотографии канала;
3. Во всплывающем меню найти пункт «Настройки» и нажать на него;
4. После загрузки страницы выбрать «Дополнительно» для перехода к настройкам канала;
5. В появившемся меню кликнуть по надписи «Вы можете выбрать собственный URL»;
6. Выбрать один из вариантов, сгенерированных системой, или добавить желаемое название (часть ссылки, которую запрещено изменять, будет подсвечена серым цветом);
7. Ознакомиться с условиями внесения изменения и подтвердить прочтение, установив галочку;
8. Кликнуть по кнопке «Изменить URL»;
9. Проверить правильность написания адреса и нажать на кнопку «Подтвердить».

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

Смена URL-адреса позволяет придать каналу на YouTube индивидуальность. Созданный владельцем аккаунта новый идентификатор ресурса помогает подписчикам и потенциальным зрителям быстрее найти страницу в поисковой системе.

Изменять адреса возможно только у каналов, соответствующих требованиям видеохостинга. По этой причине предварительно ознакомьтесь с правилами, выдвинутыми руководством Ютуба.

Источник: youtubehub.ru

Google Web Designer: пошаговая инструкция по созданию HTML5 баннеров

Google Web Designer — это бесплатный софт для веб-дизайнеров, позволяющая создавать баннеры и страницы в стандарте HTML5 и CSS3.

Что такое HTML5 баннеры?

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

• Объявления будут правильно отображаться в любых браузерах и выглядят идентично на всех типах устройств;
• Большие возможности рекламных интеграций. Например, можно добавить кнопки с социальными сетями или создавать движение, для того, чтобы выделиться среди конкурентов и привлечь внимание пользователей;
• Относительно небольшой вес, что позволяет ему грузиться быстро и не упускать показы.

Пример HTML5 баннера (из пошаговой инструкции)

Шаблоны в Google Web Designer

При создании баннера будет предложено:

• Создать файл с нуля;
• Использовать шаблон.

Среди доступных шаблонов:

• Динамический ремаркетинг. Один из самых популярных шаблонов для показа сразу нескольких предложений (товаров или услуг). Например, можно показывать туры, недвижимость, автомобили, товары, авиабилеты и многое другое;
• App Install. Поможет при создании креатива для рекламы мобильного предложения;
• Banner for Display. Специальный формат, который может быть размещен на каждом сайте;
• Баннер для Google Ads и AdMob. Универсальный формат, легко продвигающийся среди мобильных устройств.
• Data Driven. Показывает по очереди преимущества бренда;
• Demonstration. Баннер с интерактивными элементами, например, вывод текста при наведении;
• Expandable. Показывает один большой баннер и несколько маленьких, позволяя продвигать связные товары/услуги;
• Floating. Редкий формат, показывающийся только на ПК;
• In-stream video. Показ видео вместо баннера, что становится достаточно популярным;
• Interstitial
• Lightbox. Универсальный формат, способный использовать видео, карты и картинки для продвижения товаров и услуг;
• Parallax. Создает красивую иллюзию сразу нескольких слоев и обладает быстрой скоростью загрузки;
• Rising star. Редкий формат для компьютеров, создающий интерактивный эффект.

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

Выбрав, например, Динамический ремаркетинг потребуется дополнительно подобрать одну из разновидностей шаблона и подходящий размер.

При нажатии на кнопку «Предпросмотр» появляется возможность подобрать другой размер для данного шаблона и при необходимости открыть пример в браузере (например, Google Chrome).

При выборе подходящего макета следует нажать на «Использовать шаблон», после чего начинается работа с интерфейсом.

Инструкция по созданию баннеров HTML5 в Google Web Designer

В качестве примера создадим баннер для двух инструментов Netpeak: