Разметка страниц

На этом этапе вы отмечаете элементы для подмен — те части сайта, которые будут меняться, подстраиваться под поисковые фразы.
 
В системе два способа разметки: ручной и визуальный. В чем их отличия и как их использовать?
 
1) Визуальный способ.
 
Визуальный способ подходит для проектов, где менее 10 посадочных страниц в рекламной кампании (страниц, по которым переходят пользователи с ваших объявлений).
 
Сразу после импорта рекламной кампании, прямо в интерфейсе Яглы подгружается ваш сайт. Точнее, все посадочные страницы.
 
Эта часть системы называется визуальный редактор.
 
В верхней части визуального редактора в списке «Размечаемый url» — все страницы из рекламной кампании. 
 
Пример:
 
 
 
Ниже — область, где отображается страница. При наведении курсора каждый элемент выделяется синей рамкой. Так вы четко видите, что можно отметить для подмен.
 
Чтобы отметить конкретный элемент для подмен, кликните на него курсором желтого цвета. Например, выделяем заголовок:
 
 
Во всплывающем окне отмечаем «Да, сделать динамическим».
 
После этого в верхней части редактора у вас появляется поле «Названия подменяемых элементов».  Там вы можете дать собственное название указанному элементу — например, «Заголовок» (название можно дать любое, на свое усмотрение). Либо оставить вариант системы «Подмена № 1».
 
 
Аналогично вы можете отметить любой элемент на странице — подзаголовок, подпись к форме заявки, подпись на кнопке, часть текста, изображение. Соответственно, им также даем названия. 
 
Название — очень важный момент, поскольку как вы назовете подменяемые элементы, так они будут отображаться дальше, в таблице подмен.
 
Поэтому рекомендуем не оставлять «Подмена № 1», «Подмена № 2», а давать собственные названия. Например, «Заголовок», «Подзаголовок», «Подпись к форме», «Картинка на первом экране» и т.д. Так вам будет удобнее воспринимать сущность подмен в дальнейшей работе с проектом.
 
При повторном клике на элемент, который вы уже отметили, его можно переименовать:
 
 
В поле «Названия подменяемых элементов» можно заменить (1), показать на странице (2) или удалить (3) конкретную подмену:
 
 
Для чего необходимы данные возможности?
 
1 — это возможность сделать другой элемент подменяемым вместо указанного. Например, вы решили разметить другую часть текста вместо первоначального варианта; другую кнопку и т.д.
 
2 — возможность увидеть какой конкретно элемент на странице указан для подмен под данным названием.
 
Допустим, у вас есть подменяемый элемент «Кнопка». А кнопок на странице несколько. Чтобы убедиться, что вы пометили правильный вариант, кликните на значок «Показать подмену» и система вам его покажет.
 
3 — убираем из подмен конкретный элемент. 
 
В завершении сохраняем все действия в визуальном редакторе — нажимаем «Сохранить»:
 
 
Визуальную разметку вы делаете на каждой странице из рекламной кампании. 
 
2) Ручной способ.
 
Подходит для сайтов с большим количество страниц (URL-адресов) в рекламной кампании (например, интернет-магазин). Он избавляет от необходимости делать визуальную разметку на каждой странице. 
 
При выборе ручного режима следуйте этим действиям:
 
2.1. Выбираете тип элемента — текст, картинка, фоновая картинка, input. 
 
 
 
 
Input — это текстовый элемент в поле ввода (подпись внутри поля формы заявки или подпись на кнопке).
 
 
2.2. Кликаете «Добавить подменяемый элемент» 
 
 
2.3. Называете элемент (например, название товара) и нажимаете «Скопировать» (так по каждому элементу).
 
 
2.4. Вставляете в код вашего сайта классы, которые сгенерировала Ягла к каждому элементу. 
 
Как это сделать — во всплывающей инструкции под знаком вопроса:
 
 
В инструкции описаны действия по добавлению в код вашего сайта классов подменяемых элементов:
 
 
 
Переключение между двумя режимами
 
Переход возможен на любом из этапов. При этом обратите внимание: при смене режима произойдет перегруппировка запросов и прописанные подмены будут удалены.
 
 
Поэтому, если вы хотите переключиться после заполнения таблицы подмен, предварительно выгрузите таблицу в Excel. Тогда со сменой режима вам потребуется лишь снова импортировать таблицу с подменами в Яглу.
 
Переходим к следующему шагу — установка кода Yagla.