вставка кода в head tilda
Seo-оптимизация сайта на Тильде — полное руководство
В этой статье я постараюсь максимально подробно описать вам все возможности, которые предоставляет конструктор Тильда для реализации seo-оптимизации сайта.
Всем скептикам и тем, кто считает, что Тильду нельзя вывести в топ, скажу так:
В моем запасе на момент написания статьи есть кейс вывода в топ мультиязычного сайта, лендинга!, интернет-магазина и блого-статейного сайта по Блокчейну на американский рынок.
Кейсы постараюсь в ближайшее время описать и выставить на сайте, чтоб у вас была возможность ознакомиться с цифрами и результатами.
Статья подготовлена для тех наших читателей, которые уже понимают и знают, что такое мета-теги, альты и прочие seo-примочки. Если все же для начала вам нужно разобраться с понятиями SEO и узнать, зачем оно вообще нужно, то предлагаю вам ознакомиться с подробнейшей статьей от Владимира Самойлова под названием «SEO оптимизация для новичков — Подробный гайд: что важно, что нет, с чего начать».
О всех важных моментах оптимизации сайтов на Тильде поговорим далее.
Настройка мета-тегов в Тильде
Настройка мета-данных — это вообще самое важное, что вы должны сделать для каждой страницы. Заголовок и описание страницы дают понять поисковым роботам короткую суть вашей страницы, чем вы занимаетесь или что вы продаете. Это именно та часть, которая выводится в поиске :
Заходим в настройки страницы, у которой хотите поменять мета-данные:
Можно сразу задать значения для meta-заголовка и описания в открывшейся вкладке, но я рекомендую перейти на вкладку «Facebook and Seo»:
На этой вкладке вы сможете задать заголовки и описания отдельно для Facebook и для Seo. Опускаемся вниз и видим кнопку «Задать специальные meta-данные»:
Meta-title
Заказать ремонт квартиры в Киеве от 550 грн./кв.м.
Meta-description
Ремонт квартиры под ключ в Киеве и Киевской области. Отличные отзывы. Расчет стоимости. Получить скидку
Рекомендую использовать инструмент для проверки длины meta-данных по этой ссылке или любой другой.
Ключевые слова
Сюда необходимо вставить ключевые слова из вашего семантического ядра. Добавляйте не более 5 слов на страницу. В моем случае я добавлю такое:
Ремонт квартиры, киев, киевская область, цена, отзывы
Канонический адрес страницы
Индексация и ссылки
Вы можете поставить галочку и запретить поисковым системам индексировать данную страницу, т.е. как-то выводить ее в результатах поисковой выдачи.
Вы также сможете запретить поисковым роботам переходить по ссылкам на этой странице.
Сохраняем все изменения, которые мы проделали.
Какие мета-данные вы получите
В итоге вы получите следующее:
Для Facebook вы можете продублировать мета-данные, а можете что-то подкорректировать.
[blognotice text=»Помните, что мета-данные должны быть уникальными для каждой страницы»]
Заголовки H1-H6 в Тильде
У каждой страницы сайта должен быть как минимум заголовок H1. Рекомендую вам также задействовать H2 и H3. В некоторых сложных случаях можно использовать остальные заголовки H4, H5 и H6. Чем качественнее будет ваша разбивка информации на странице, тем лучше ее будут воспринимать посетители и поисковые системы.
Назначить заголовки вы можете как в стандартном, так и в zero блоках.
Заголовки в стандартных блоках
Не во всех стандартных блоках есть такая настройка, так как не все блоки нуждаются в ней. К примеру, в блоке с галереей изображений вставить текстовый заголовок попросту негде.
А вот в блоках, где есть текстовая часть, эта настройка вполне реализуема. Например, обложка — самый популярный вариант начала страницы, куда как раз лучше всего вставлять заголовок H1.
Заходим в настройки блока, прокручиваем вниз и видим свойство «SEO: ТЕГ ДЛЯ ЗАГОЛОВКА»:
Выбираем нужный нам заголовок H1 и сохраняем. После этого, в моем случае, текст «Ремонт квартир в Киеве» станет заголовком H1.
Заголовки в ZERO блоках
В Zero блоках все еще намного проще. Заходим в Zero, находим нужный нам текстовый элемент и ищем в его свойствах «TAG»:
Выбираем нужный нам заголовок.
Свойство ALT для изображений в Тильде
Довольно важное свойство для Seo, которое также может вам помочь попасть в специальную подборку Картинок в поиске. Это также может привлечь дополнительный трафик на сайт.
ALT в стандартных блоках
Заходим в КОНТЕНТ стандартного блока. Находим интересующую нас картинку. Справа напротив изображения вы увидите многоточие.
После клика на многоточие под фото появится дополнительное поле «SEO: АЛЬТ-ТЕКСТ ДЛЯ ИЗОБРАЖЕНИЯ», куда вы можете вставить подпись картинки:
ALT в ZERO блоках
Дела обстоят просто и в zero блоках. Переходим в Zero? находим нужную картинку и открываем ее свойства. Ищем раздел ALT:
Подключение инструментов индексации Google и Яндекс к сайту на Тильде
Речь пойдет о подключении Google Search Console и Яндекс Вебмастера. Это важные инструменты продвижения, без которых будет сложно анализировать выдачу, поведение страниц, поисковые запросы и многое другое.
Подключение Google Search Console
Если ваш сайт еще не добавлялся в Search Console
Для начала нужно его туда добавить. Перейдите на сайт https://search.google.com/search-console/welcome
Введите адрес сайта и нажмите кнопку Продолжить:
Дальше открывается окно «Подтверждение права собственности» на ваш сайт. Найдите там раздел «Тег HTML» и нажмите кнопку «копировать»:
Дальше переходим в настройки сайта на Тильде и ищем вкладу ЕЩЕ. Опускаемся в самый низ и находим раздел «Подтверждение прав»:
Теперь вспоминаем, что мы скопировали тег в Search Console. Нам он нужен не весь, а только его содержимое внутри кавычек после content=
В моем случае я скопировал следующее
Значит вставлю в настройки Тильды только это:
Сохраняем изменения и переходим на страницу Search Console. Нажимаем кнопку «Подтвердить»:
Права подтверждены, и с этого момента вы можете остлеживать и анализировать состояние сайта в Google.
Если ваш сайт уже был добавлен в Google Search Console
Зайдите в настройки сайта в Тильде. Перейдите во вкладку SEO/ Вам нужен раздел «GOOGLE SEARCH CONSOLE». Нажмите на кнопку «Редактировать»:
После этого нажимайте кнопку «подключить». Откроется окно с выбором аккаунтов Google. Вам нужно предоставить доступ Тильде к тому аккаунте, где находится ваш сайт в Search Console.
Подключение Яндекс Вебмастер
Если сайт еще не был добавлен в Яндекс Вебмастер.
Мы пойдем по тому же пути, как и в случае с Google Search Console — подтвердим права через мета-тег.
Вводим адрес сайта и нажимаем кнопку «Добавить»:
После этого открывается окно подтверждения прав на сайт, в котором сразу предлагается нужный нам вариант подтверждения через мета-тег. Копируем только часть кода между кавычками после content=
В моем случае это будет такой код:
Далее переходим в Тильду. Откройте настройки сайта. Нужна вкладка «Еще». В самом низу ищите раздел «Подтверждение прав»
Вставляем сюда наше значение и сохраняем изменения.
Возвращаемся в интерфейс Яндекс Вебмастера и нажимаем кнопку «Проверить»:
Вы подтвердили права на сайт успешно.
Если ваш сайт уже был добавлен в Яндекс Вебмастер
Зайдите в настройки сайта на Тильде. Вам нужна вкладка «Seo». Там вам нужен раздел «Яндекс Вебмастер». Нажимайте кнопку «Редактировать»:
В открывшемся окне нажимайте кнопку «подключить». Откроется окно с выбором аккаунтов Яндекс. Вам нужно Разрешить доступ Тильде к тому аккаунте, где находится ваш сайт в Вебмастере.
SEO-рекомендации Тильды
У Тильды есть свой неплохой инструмент для отслеживания технических проблем с сайтом. Он всегда вам подскажет, где не хватает заголовков, где не проставлены мета-данные или дублируются их значения.
Заходим в настройки сайта, во вкладку SEO. Ищем там раздел SEO-рекомендации и нажимаем кнопку «Посмотреть»:
Появляется вот такое окно (у меня всего одно замечание, так как сделал вам страницу для примера, а не полноценный сайт):
Тильда подскажет, на какой странице и что конкретно вам нужно исправить.
Так что, не забывайте про этот инструмент.
Подключение аналитики к Tilda
Подключение Google Analytics
Переходим на сайт https://analytics.google.com/ и регистрируем ваш новый счетчик.
После прохождения регистрации вам необходимо зайти в пункт меню «Администратор»:
Находим пункт «Отслеживание» и нажимаем на него Потом кликаем по «Код отслеживания»:
В открывшейся странице ищем «Идентификатор отслеживания» и копируем его:
Переходим в настройки сайта Тильды на вкладку «Аналитика»:
Кликаем «вручную» и вставляем скопированный идентификатор.
Гугл аналитика подключена к Тильде.
Подключение Яндекс Метрики
Вверху слева будет кнопка «Добавить счетчик»:
Жмем и переходим дальше. Заполняем поля имени счетчика, адрес сайта, читаем и соглашаемся с условиями пользовательского соглашения и нажимаем кнопку «Создать счетчик»
Опускаемся в самый низ страницы и жмем «Начать пользоваться»
На новой странице вы увидите свой новый счетчик в списке всех счетчиков (или только одного). Вам нужно скопировать его идентификатор:
Теперь переходите в настройки Тильды на вкладку «Аналитика». Вам нужен раздел Яндекс Метрики. Кликаем на «вручную» и вставляем идентификатор:
ВАЖНО!
На вкладке «Аналитика» в настройках сайта Тильды внизу есть специальное поле «Выключить отложенную инициализацию счетчиков и пикселей»:
По умолчанию галочка снята. Зачем это нужно? Ответ прост — таким образом скорость загрузки сайта существенно улучшается. А это в свою очередь хорошо влияет на оценку поисковикам технической стороны сайта. Есть только один минус — статистическая погрешность в эти 2 отложенных секунды. Если же для вас это существенная погрешность, то поставьте галочку.
Скорость загрузки сайта на Тильде
По умолчанию показатели скорости загрузки сайтов, сделанных на Тильде, довольно высокие. Разработчики Тильды использовали всё возможное и невозможное, чтоб ваш сайт стал максимально быстрым.
В Тильде реализованы:
Все это работает как часы. Главное придерживаться 2 важных моментов:
Подключение SSL-сертификата https
Я рассказывал в другой статье о том, как правильно подключить домен к сайту Тильду. После подключения у вас появится возможность бесплатно включить SSL-сертификат. Заходим в настройки сайта на вкладку SEO:
Нажимаем кнопку «Редактировать» в настройках HTTPS. На новой странице вам нужно включить HTTPS легким движением переключателя:
После этого через 5-30 минут сайт уже будет доступен по безопасному соединению.
Как только сайт стал открываться по https:// рекомендую в той же вкладке настроек сайта SEO опуститься вниз страницы и выбрать такую схему:
Далей, найдите раздел «РЕДИРЕКТЫ ДЛЯ WWW, HTTPS» и перейдите в него:
Рекомендую выбрать такие же настройки и сохранить:
Страница 404 на Тильде
Эта страница позволяет задержать пользователя на сайте даже если он перешел на несуществующую страницу. Важность такой страницы, думаю, вы понимаете.
Кстати, подробности о том, как правильно создать страницу 404 я описал в этой статье. Создали? Тогда идем дальше. Заходим в настройки сайта — вкладка «Еще». Вам нужен раздел «СТРАНИЦА: 404 ОШИБКА». Выберите вашу страницу 404 среди всех:
Сохраните изменения и переопубликуйте все страницы сайта. Страница 404 готова.
Добавление микроразметки в Тильду
Микроразметка помогает прежде всего выделиться сайту среди остальных в поисковой выдаче.
Для генерирования микроразметки можно воспользоваться простым и понятным инструментом на сайте https://webcode.tools/json-ld-generator:
Выбираем наиболее подходящий раздел для вашей страницы.Затем заполняем требуемые поля и копируем код:
Переходим в настройки страницы во вкладку «Дополнительно»:
Опускаемся вниз и ищем раздел «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD». Нижимаем кнопку «Редактировать» и вставляем скопированный код:
Теперь сохраним изменения и опубликуем страницу.
ВЫВОДЫ о SEO для ТИЛЬДЫ
Как вы видите, seo оптимизация сайта Тильды довольна проста. А главное, в интерфейсе можно реализовать абсолютно все необходимые настройки.
Для вас мы записали Видео, возможно оно будет более наглядным примером:
3 комментариев к записи « Seo-оптимизация сайта на Тильде — полное руководство »
Спасибо, не хватало такого объемного материала. Почти все вопросы закрыты))
Скажите, влияет ли количество страниц на сайте на успешное продвижение? То есть, чем больше страниц тем лучше..
Все верно. чем больше страниц, тем больше охват и тем больше посещаемость. В выбранной вами нише вы можете посмотреть на топ-10 конкурентов. Там вы вряд ли найдете одностраничный сайт. Но если у вас одностраничник, способный исчерпывающе закрыть потребность пользователя и слабая конкуренция, то шансы покорить топ довольно высоки!
Коды для сайтов на платформе Тильда
Градиентные кнопки для сайтов на платформе Тильда
Данную модификацию я использую на сайтах, которые имеют определённую стилистику и заказчики хотят видеть градиентные кнопки. В тильде нет стандартной настройки, что бы сделать такую кнопку. Поэтому я использовал код, который беру с сайта michailozdemir.dev
Тут нам достаточно зайти на страницу, вставить нужные цвета, здесь же посмотреть как будет выглядеть наша кнопка. После чего копируем код и вставляем на тильде в блок другое T123. И не забудьте класс кнопке прописать, об этом я рассказываю тут
Тоже интересный эффект, который можно применить на различных сайтах. Код для глитч эффекта можно взять с этого сайта romanyu.ru Там же есть инструкция, которая поможет сделать подобный эффект на своём сайте.
У Романа много интересных модификаций для Тильды, которые можно применять на своих сайтах. Если что-то не получится, то можно всегда ему написать и попросить помощи.
Глитч в zero block на Тильде для текста
Калькулятор и квиз в zero block на Тильде
Если вам мало модификаций на сайтах, которые я написал выше, то на этом mo-ti.ru их много.
Различные модификации и код начиная от изменения эффектов кнопки и заканчивая сложными калькуляторами и квизами, которые периодически я использую в своих проектах.
Автора данного ресурса с модификациями для Тильды зовут Дмитрий. За небольшую плату можно получить доступ ко всем видео инструкциям на сайте. А если вы дружите с кодом, то и так поймёте как установить модификацию на сайт.
Размещение кодов в блоках head и body
На некоторых сайтах для размещения различных кодов (счетчиков, информеров, пикеслей ретаргетинга, кодов Google Analytics и Яндекс.Метрики и т.д.) предусмотрены отдельные блоки для вставки.
Данные блоки позволяют буквально в несколько кликов вставить нужный код, без правки шаблонов сайта.
Рассмотрим, как они работают.
Шаг 1
Раскройте меню «Настройки» и перейдите к пункту «Настройки сайта».
Шаг 2
На открывшейся странице в разделе «Блоки сайта» слева вы сможете найти блоки «Блок с кодом head» и «Блок с кодом body».
Обратите внимание!
Шаг 3
Теперь, если вам необходимо вставить какой-либо код в тег head, просто нажмите на данный блок в списке, вставьте в открывшемся окне код и сохраните изменения (аналогично с тегом body).
Примеры:
У меня в «Настройках сайта» нет таких блоков. Что делать?
Не все сайты предусматривают описанные выше блоки. Если у вас в системе управления их нет, то вставить код вы можете следующим образом:
В открывшемся списке шаблонов выберите шаблон «Главная.Верх»;
Как установить скрипт коллтрекинга на Tilda, Wix и другие конструкторы сайтов
Чтобы отслеживать источники звонков через коллтрекинг, нужен специальный скрипт. И если установить его в код сайта довольно просто, то с конструкторами возникают вопросы. К тому же вообще многим до сих пор кажется, что вставить скрипт – сложная задача и ее лучше поручить программисту. Возникают опасения, что что-то пойдет не так, и весь сайт «сломается». Тем более, не всегда под рукой есть веб-мастер, который обычно занят круглые сутки.
Что говорить и о конструкторах сайтов Tilda, Wix, Битрикс 24 и других, где бывает непонятно, как изменить код. А на этих платформах работает множество интернет-магазинов и продающих сайтов и лендингов. Зачастую ими занимаются индивидуальные предприниматели, которым затратно привлекать к работе программистов. А владельцам тоже важно знать, откуда звонят клиенты.
Именно поэтому в этой статье мы разберем, как правильно и быстро установить скрипт коллтрекинга Calltouch на конструкторах сайтов.
Как выглядит скрипт коллтрекинга и где его найти
Ниже – скрипт Calltouch. Именно его вам надо скопировать и установить на сайте, а затем на все страницах. Он универсален: с его помощью происходит динамическая подмена пула номеров, отслеживаются все звонки и сессии. То есть вам не надо устанавливать отдельный скрипт на сайт, если вы захотите подключить сквозную аналитику Calltouch или виджет обратного звонка.
Однако помните, что коллтрекинг – это лишь один из способов собирать данные для сквозной аналитики. Чтобы получить всеохватывающую статистику, потребуется не только скрипт, но и интеграция с другими сервисами, например, CRM. Однако в личном кабинете Calltouch их тоже можно настроить в пару кликов.
Важно. Mod_id, отмечен красным, – это ваш личный идентификатор, он уникален для каждого пользователя личного кабинета Calltouch. Идентификатор автоматически генерируется, когда вы регистрируетесь. Поэтому копируйте и вставляйте тот код, который будет в окне редактирования сайта с вашим mod_id.
А если у вас есть личный кабинет, но еще не установили скрипт, его можно быстро узнать. Для этого в личном кабинете кликните на «Редактировать» в списке сайтов.
Затем во всплывающем окне вы увидите настройки и вместе с ними ваш скрипт.
Что еще проверить перед установкой скрипта
Как установить скрипт коллтрекинга на Tilda
Итак, берем скрипт и идем в Тильду. Выберите ваш сайт и нажмите на «Настройки сайта».
Нас интересует только раздел «Еще».
Как установить скрипт на Wix
Wix – еще один конструктор сайтов, который пользуется большой популярностью. Зайдите в личный кабинет и панель управления сайта. Затем переходим в «Настройки» и «Коды отслеживания».
Перед вами появится меню настройки кодов отслеживания. Выбирайте «Новый код» и в всплывающем окне заполните форму.
В этой же форме вставляйте скрипт и указывайте:
Добавляйте и все, скрипт начнет работать и собирать статистику по источникам звонков. Как и с Tilda, добавление кода возможно только на платном тарифе.
Как установить скрипт на uKit
К uKit прибегают создатели многих интернет-магазинов. Перейдите в панель управления и выберите в виджетах сайта «Свой код». Это платный функционал.
Форму вставки кода заполняем как и с Wix: помещаем в и применяем ко всем страницам. В этом окне вы помещаете скопированный скрипт.
А в настройках указываете нужные параметры.
Как установить скрипт на других конструкторах
Как видно, принцип установки скрипта Calltouch довольно прост:
Закрепим этот принцип на еще нескольких популярных конструкторов сайтов.
Tobiz
В меню сайтов нажмите на «Настройки проекта».
И в это поле остается скопировать скрипт Calltouch.
А потом сохранить изменения. Именно так будет выглядеть итоговая версия кода во всех конструкторах.
Битрикс 24
Битрикс 24Рассмотрим еще один конструктор сайтов «Битрикс 24». В главном меню выберите ваш сайт, а затем кликните на настройки.
Затем спуститесь в самый низ, нам нужно «Дополнительно», где есть HTML.
Следуйте этому принципу и добавляйте скрипт на ваш конструктор сайтов, чтобы отслеживать источники звонков.