Как добавить тег h1 в zero block

Как добавить (назначить) тег H1?

Вы можете добавить данный тег в блоки, в которых это предусмотрено (блоки с заголовками). Пожалуйста, перейдите в настройки блока и укажите SEO: Тег для заголовка.

В Нулевом блоке вы можете задать тег в настройках текстового элемента:

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

Похожие вопросы

• Поисковики не видят мой сайт, что делать?
• Как добавить robots.txt и sitemap.xml
• Как сделать страницу ошибки 404?
• Как добавить ключевые слова для сайта?
• Как запретить индексировать страницу поисковикам?

Как добавить H1 в Zero Block (Зероблок)? | Тильда Бесплатный Конструктор для Создания Сайтов

У вашего броузера проблема в совместимости с HTML5

Интенсивный курс обучения: «Создание сайта и его продвижение» — https://4esnokov.ru/ Только начинаете знакомится с Tilda? Эти видео для вас: ? Личный кабинет для пользователей сайта (регистрации, доступа после оплаты и пр.) — https://youtu.be/4NuFFp6o0Ek ? Чек-лист SEO для Tilda + рекомендации эксперта — https://youtu.be/qFeszkoeGj8 ? 4 основных отличия Tilda от других конструкторов! — https://youtu.be/06TeckVvIaA ? Начало Работы: Как устроена Тильда, Создание и Редактирование страниц — https://youtu.be/wE_QV2URF6Y ? ЛайфХаки для Tilda: https://www.youtube.com/watch?v=mCjZASVQhUw&list=PLFpFHBX5nAWa639Vez3_JrlAbjwOLfqMI #Маркетинг #ИнтернетМаркетинг #АлексейЧесноков #Чесноков #DigitalMarketing #ОбучениеМаркетинг #Marketing #Tilda #Тильда #КонструкторСайтов #КонструкторСайтовБесплатно #ТильдаКонструкторСайтов #СоздатьСайтКонструктор #TildaКонструкторСайтов #ОнлайнКонструкторСайтов

Опубликовано: 26-01-2020

SEO для сайта на Тильде. Полный гайд.

Сайта, который невозможно найти — не существует. Именно поэтому очень важно уделять внимание не только дизайну, но и поисковой оптимизации сайта. Это позволит пользователям легко найти сайт, а в некоторых случаях и вывести сайт на топовые позиции в результатах поисковой выдачи.

Поисковая оптимизация сайта (SEO — search engine optimization) бывает внутренняя и внешняя. Внутренняя оптимизация (настройка структуры сайта, обеспечение быстрой загрузки страниц, использование мета-тегов и т. д.) делается на самом сайте, и мы можем это сделать своими силами. Внешняя — уже работа специалистов по SEO, так как тут ведется работа над внешними факторами, которые влияют на положение сайта в результатах поисковой выдачи. К таким факторам относятся качество и количество внешних ссылок на сайт, а также репутация сайта среди других веб-ресурсов и использование других профессиональных инструментов. Этого мы касаться не будем, так как это уже отдельная наука.

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

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

Главный принцип

Сейчас поисковые роботы стали очень «умными» и способны анализировать сайты по разным параметрам. Так, например, у Яндекса около 1200 факторов ранжирования. Одними из ключевых являются поведенческие, такие как вовлеченность пользователя (сколько времени он проводит на сайте, как глубоко проходит по разделам и т. д.), а также удобство сайта (да-да, это они тоже умеют анализировать). Поэтому первое и самое главное правило — это то, что сайт должен быть ориентирован на пользователя, он должен быть удобным и интересным. Уделите особое внимание качеству контента и навигации на сайте, а также позаботьтесь о том, чтобы абсолютно всем пользователям было комфортно им пользоваться (рекомендую прочитать статью про инклюзивный дизайн, это очень важно). И если ваш сайт будет нравиться пользователям, то и поисковикам он тоже понравится.

Заголовки

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

Заголовок первого уровня — самый важный заголовок на странице. Как правило, он располагается на первом экране страницы. Важно, чтобы этот заголовок был максимально релевантен содержанию страницы, на которой он располагается. Например, если лендинг посвящен продаже напильников, то в идеальных условиях заголовок должен выглядеть так: «Напильники от производителя с доставкой по всей России» — в таком случае в нем не только содержатся ключевые слова, но и отражается суть самой страницы.

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

Заголовки третьего, четвертого… уровней — это заголовки внутри блоков. Например, у вас есть блок «Преимущества нашей компании» — данный заголовок второго уровня, так как характеризует содержание блока, а вот внутри этого блока могут быть подзаголовки, кратко обозначающие преимущества, имеющие более подробное описание в виде обычного текста. Таким образом мы выстраиваем иерархию, и таких уровней может быть несколько. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль.

Для SEO важно помечать заголовки первых трех уровней. Самый главный заголовок помечается тегом H1 (Header 1) — заголовок первого уровня. Главное правило, что такой заголовок может быть только один на странице — не на всем сайте, а именно на странице. И если сайт многостраничный, то на каждой странице обязательно должен быть свой заголовок с тегом H1. А также, если сайт многостраничный, то все заголовки H1 не должны повторяться. Заголовок второго уровня помечается тегом H2, а третьего — H3, заголовки других уровней помечать не нужно — количество таких тегов на странице не ограничено.

В Тильде вы можете поставить соответствующий тег для заголовка как в базовых блоках, так и в Zero. Если для мобильной версии вы используете копию блока, содержащего заголовок, то в этом случае тегом H1 помечается только тот заголовок, который отображается на мобильных устройствах, а для десктопа этот заголовок помечается как обычный текст. В ситуации, когда заголовок первого уровня состоит из нескольких текстовых слоев, можно его объединить с помощью кода, который указан ниже. Добавьте слоям с заголовком класс tegh1, после чего добавьте код в блок T123 на страницу.

Тексты

Тексты — важная основа для SEO, так как именно на основе семантики и строится весь поиск. Пользователь вводит запрос, а поисковики показывают результаты, которые релевантны поисковому запросу. Это значит, что ваш текст должен отвечать поисковому запросу. Раньше было достаточно совпадений по ключевым словам, однако сейчас Яндекс и Google умеют анализировать контекст, и бездумно размещать большие бессмысленные тексты с огромным содержанием ключевых слов просто бесполезно, так вы не добьетесь никакого результата да и пользователей такой сайт будет скорее отпугивать, ведь читать большой объем текста ради крупицы полезной информации никто не захочет. Вот несколько рекомендаций для хорошего текста:

Уникальность.

Если тексты на сайте скопированы с других ресурсов, даже с изменениями, то это будет являться негативным фактором. Более того, сейчас поисковые роботы научились определять тексты, сгенерированные нейросетями, и отдают приоритет сайтам с уникальными текстами, написанными живыми людьми (копирайтеры выдохнули).

Качество.

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

Удобство.

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

Структура.

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

Грамотность.

Уделяйте внимание грамотности текста, это важно не столько для SEO, сколько для репутации и доверия со стороны пользователей.

Изображения

Изображения и иллюстрации на сайте очень важны, они позволяют не только сделать дизайн интереснее, но и привлечь внимание пользователей, а также в разы быстрее доносить смыслы в отличие от текста. Вот интересный факт: мозг обрабатывает изображения всего за 13 миллисекунд. Более подробно о важности контента вы можете прочитать в этой статье.

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

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

Оптимизация.
Не забывайте оптимизировать загружаемые на сайт изображения, это необходимо для увеличения скорости загрузки как изображения, так и самого сайта. И дело не только в том, что скорость загрузки сайта влияет на SEO, но и в том, что слишком долгая загрузка сайта или изображений на нем может привести к тому, что пользователь уйдет с сайта, ведь не всегда у пользователей идеальная скорость интернета, особенно с мобильных устройств.

ALT-текст.
ALT-текст — альтернативный текст для изображения. Очень важно прописывать его для изображений на сайте, и дело не в том, что так изображения попадут в результаты поисковой выдачи по картинкам, а в том, что это является заботой о пользователях, которые используют программы-ридеры (программы экранного доступа). Эти программы позволяют озвучивать текст на экране, их используют люди с ограниченными возможностями. По alt-тексту программы поймут содержание изображения и прочитают его, а это уже является заботой о пользователе, что один из важнейших факторов SEO. Важно: описывайте содержание изображения, а не бессмысленный набор ключевых слов. Оптимальная длина alt-текста — не более 5 слов или 80 символов.

Сервисы для оптимизации изображений.
tinyjpg.com
iloveimg.com

Примечание.
В Тильде alt-текст можно прописать изображениям в базовых блоках, в Zero Block это можно сделать только для изображений, загруженных как Image, но не в шейп. В этом нет ничего страшного, прописывайте alt-текст там, где это возможно. Для иконок alt-текст можно не указывать, так как они являются иллюстрацией смысла короткого текста (например, преимуществ) и в таком случае просто будут дублировать и так написанный смысл в тексте.

Заголовок и описание страницы

В настройках каждой страницы сайта очень важно указывать заголовок (тег Title) и описание страницы (тег Description). Они необходимы не только для SEO, так как по ним поисковые роботы определяют содержание страницы, но также, они отображаются в результатах поисковой выдачи и при публикации ссылки в социальных сетях или при отправке в мессенджерах.

Заголовок страницы — самое важное в плане SEO. Идеальный заголовок должен точно описывать содержание страницы, включать в себя ключевые слова и быть достаточно емким. Например, для главной страницы сайта по продаже дров отличным примером заголовка будет «Дрова березовые колотые с доставкой по Москве купить быстро и дешево» — в таком заголовке присутствуют ключевые слова, а также он отражает суть самой страницы, что на ней можно приобрести дрова. Оптимальная длина заголовка — 60−70 символов с пробелами.

Описание страницы не менее важно, хоть оно и не влияет на поисковое продвижение, но оно отображается под заголовком в результатах поисковой выдачи и его задачей является привлечь внимание пользователя и сподвигнуть его перейти именно на ваш сайт. На примере того же сайта с дровами можно было бы указать следующее описание «Качественные березовые колотые дрова в Москве. Быстрая и бесплатная доставка, низкая цена. Работаем без выходных. Все виды оплаты для физических и юридических лиц.». При этом, описание должно отражать и содержание страницы, в противном случае, поисковые роботы могут счесть его не релевантным и подставить описание страницы по своему усмотрению на основе текстов со страницы. Оптимальная длина описания страницы — 140−170 символов с пробелами.

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

А если вам необходимо, чтобы данные для поисковых систем или социальных сетей отличались от тех, что прописаны в настройках страницы, то в настройках страницы перейдите на вкладку «SEO» (или «Соцсети» соответственно), нажмите «Настроить отображение в поисковой выдаче» (или «Настройки отображения в Соцсетях» соответственно).

Адрес страницы — URL

У адреса страницы есть несколько назначений, первое из которых — помощь в ориентировании, (даже по адресу страницы в ссылке можно понять ее содержание), второе — эстетическая составляющая (согласитесь, адрес страницы вида /contacts гораздо эстетичнее чем /page387844523), ну и, конечно же, даже адрес страницы также важен для SEO. А теперь к рекомендациям:

Адрес страницы должен быть человекопонятным. То есть чтобы по адресу страницы можно было понять ее суть. Пример: страница с контактами может иметь адрес как /contacts, так и /kontakty, а адрес страницы «О нас» может выглядеть как /about и /o-nas. Да, адреса страниц можно писать как на английском языке, так и транслитерацией, поисковые роботы поймут содержание этой страницы, исходя из любого варианта.

Оптимальная длина адреса страницы до 75 символов.

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

Не используйте более 4 уровней вложенности. Например, у нас есть каталог и адрес этой страницы /catalog, а у раздела каталога адрес уже будет /catalog/razdel-cataloga, так вот таких вложенностей не желательно делать более четырех /uroven-1/uroven-2/uroven-3/uroven-4

Не используйте сложные формулировки и символы (кроме дефиса или нижнего подчеркивания) в адресах страниц, вместо адреса /remontiruem-holodilniki-i-nososy-i-eshe-chto-to лучше указать /remont-holodilnikov-nasosov, а также старайтесь включать в адреса страниц ключевые запросы, например /remont-holodilnikov-nasosov-moscow

Бейджик

Наверняка вы обращали внимание, что при публикации ссылки на сайт в социальных сетях или отправке через мессенджер к ссылке подтягивается изображение, так вот это изображение называется — бейдж. И помимо информативной и эстетической составляющей он также влияет на SEO, поэтому важно загрузить его для каждой страницы. В Тильде бейдж можно загрузить в настройках страницы — вкладка «Бейджик». При этом поддерживаются несколько форматов: png, jpg и svg, однако я рекомендую использовать jpg в силу его универсальности. Размеры изображений для бейджа в каждой социальной сети свои, и да, это можно сделать, но не всегда целесообразно, так как придется подготовить несколько изображений и написать несколько строчек кода. Для избежания этих сложностей я рекомендую использовать универсальный размер 1200×630 пикселей. Главное, старайтесь размещать ключевую информацию на изображении (если используете текст или лого) в центре и не располагать близко к краям. Бейджик может быть уникальным для каждой страницы, если нужно отразить ее суть или содержание, а также одинаковым для всех.

А если вы сменили изображение, но в телеграме отображается старое, то можно воспользоваться ботом @WebpageBot, он поможет с обновлением изображения.

Хлебные крошки

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

Хлебные крошки размещаются на сайтах со сложной структурой и большой вложенностью разделов. Например, если на вашем сайте только разделы верхнего уровня и к каждому разделу можно перейти из основного меню, то в этом случае хлебные крошки размещать нет необходимости, так как весь путь будет состоять из двух шагов «Главная / Раздел». А вот если разделы имеют подразделы «Главная / Раздел / Подраздел», то в этом случае желательно разместить хлебные крошки. При этом на главной странице хлебные крошки размещать не нужно.

В Тильде для создания хлебных крошек есть соответствующий базовый блок ME605. Однако, их также можно сделать и в Zero Block, главное, сохранить их узнаваемость, чтобы пользователь понимал назначение этих ссылок. Не забывайте, что текущая страница в хлебных крошках не должна ссылаться сама на себя, проще говоря ее не нужно делать ссылкой.

Пример хлебных крошек для этой страницы:

Главная / Блог / SEO для сайта на Тильде. Полный гайд

А еще хлебные крошки могут отображаться в результатах поисковой выдачи, что делает снипет более информативным, но для этого нужно добавлять на страницу соответствующую микроразметку, подробнее об этом developers.google.com.

Запрет индексации

На каждом сайте есть страницы по типу политики конфиденциальности, договора оферты и так далее… Такие страницы лучше закрывать от индексации, так как никакой пользы для SEO эти страницы не несут, да и попадание их в поиск нежелательно, так как они будут отображаться в списках страниц сайта и могут собой вытеснить важные ссылки. В Тильде можно закрыть любую страницу сайта от индексации. Для этого нужно открыть Настройки страницы — вкладка SEO — кнопка Настроить отображение в поисковой выдаче — отмечаем чекбокс «Запретить поисковикам индексировать эту страницу», после чего переопубликовываем все страницы сайта. Кстати, никогда не делайте политику конфиденциальности или договор оферту в формате попап-окна, так как фактически этот текст присутствует на странице и может подтянуться в качестве описания вашего сайта в результатах поисковой выдачи, поэтому лучше делать всегда на отдельной странице и закрывать от индексации.

А еще можно закрыть от индексации весь сайт, я рекомендую делать это всегда на время создания сайта. Пока вы работаете над сайтом, на нем могут располагаться неактуальные тексты или вовсе текст «рыба» и чтобы сайт не проиндексировался с такими текстами или неправильным Title и Decription, я рекомендую закрыть сайт от глаз (или что там у них) поисковых роботов. Для этого переходим в настройки сайта — SEO — и отмечаем чекбокс «Запретить поисковикам индексировать этот сайт». Главное не забыть потом включить индексацию!

Favicon

Фавикон — иконка сайта, которая отображается во вкладке браузера, в закладках, а также в результатах поисковой выдачи. Ее наличие — обязательное условие для всех сайтов, так как она поможет привлечь внимание пользователя к вашему сайту на странице поисковой выдачи. Помимо эстетической составляющей, она играет и маркетинговую роль, так как помогает улучшить узнаваемость бренда и запоминаемость. В Тильде загрузить фавикон можно в настройках сайта — вкладка Еще. Несмотря на рекомендацию загружать фавикон размером 32×32 пикселя, я рекомендую использовать фавикон размером 120×120 пикселей, так как это более современный стандарт, который рекомендует Яндекс, и фавиконка такого размера будет отлично отображаться в любых условиях. Не используйте в качестве фавиконок сложные изображения, так как при маленьких размерах такое изображение будет неразличимо и превратится просто в пятно. Используйте простые формы, логотип, иконку и другие изображения, которые будут отлично считываться при любых условиях и размерах.

В дополнение к стандартному фавикону в Тильде можно настроить дополнительно иконки для светлой и темной темы, а также загрузить иконку для Apple и Android title, которая будет отображаться при добавлении вашего сайта как приложения на рабочий экран.

Страница ошибки 404

Буду максимально краток. Страница ошибки 404, хотя бы самая простая, формальная, нужна абсолютно для всех сайтов. Не важно, лендинг, интернет-магазин или корпоративный сайт — страница 404 должна быть на каждом сайте. Это важно не только для SEO, но и для создания положительного пользовательского опыта.

Более подробно про страницу ошибки 404 вы можете узнать из статьи Tilda Education — tilda.education/articles-404-error-page

Домен

При подключении домена не забывайте выпустить SSL-сертификат, чтобы сайт открывался по защищенному HTTPS протоколу. Для этого после подключения домена нужно перейти в Настройки сайта — SEO — Настройка HTTPS и нажать на кнопку включения сертификата, чтобы начать процедуру. Процесс выпуска сертификата может занимать до 24 часов.

После выпуска сертификата нужно настроить редиректы. Для этого открываем настройки сайта — SEO — Редиректы для WWW, HTTPS — где включаем Редирект с HTTP на HTTPS и Редирект с WWW на основной домен.

Проверка на SEO-ошибки

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

В дополнение к этому, настоятельно рекомендую проверить сайт на битые ссылки (ссылки, которые ведут на несуществующие страницы). Для этого переходим в Настройки сайта — SEO — Поиск битых ссылок и запускаем проверку. Здесь вы сможете увидеть, на каких страницах сайта присутствуют нерабочие ссылки. Это гораздо удобнее, чем проверять каждую ссылку на странице вручную, к тому же всегда остается вероятность что-то пропустить.

Если вам необходимо посмотреть SEO-настройки конкретной страницы или страниц другого сайта, то можно воспользоваться расширением для браузера — SEO meta in 1 click. С помощью него вы сможете увидеть все SEO-настройки страницы любого сайта.

Яндекс.Вебмастер и Google Search Console

Для того, чтобы сайт быстрее попал в поиск, нужно подключить Яндекс.Вебмастер и Google Search Console. Помимо ускоренной индексации сайта, эти инструменты позволят оценить качество сайта, проверить на ошибки и получить рекомендации по улучшению. Важно, если вы дизайнер и делаете сайт для вашего клиента, не привязывайте его к вашим аккаунтам в Яндексе и Google. Запросите доступ к этим сервисам у вашего клиента или зарегистрируйте новые аккаунты, после чего передайте клиенту доступ от них.

Чтобы подключить Яндекс.Вебмастер или Google Search Console перейдите в Настройки сайта — SEO — Яндекс.Вебмастер (или Google Search Console) — Редактировать.

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

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

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

Tilda

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

Пройдите тест из 10 вопросов и узнайте, какая дизайн-профессия подходит лично вам

Содержание

1. Какие сайты можно создавать на Tilda
2. Возможности для создания страниц с помощью Tilda
3. Как создать страницу на Tilda
4. Возможности для SEO
5. Другие возможности Tilda
6. Стоимость тарифов Tilda
7. Преимущества и недостатки Tilda
8. Примеры сайтов на Tilda

Какие сайты можно создавать на Tilda

ИСКРА —
неделя знакомства с дизайн-профессиями

Выберите дизайн-профессию, которая нужна в IT.

разжечь искру

Tilda представляет собой полноценный инструмент для создания сайтов без навыков программирования. С помощью этого конструктора можно решать различные задачи. Ниже перечислим, какие именно ресурсы можно реализовывать с помощью Тильды.

Лендинги. Когда компании нужна визитка, которая поможет емко представить товары или услуги, Tilda становится одним из лучших инструментов для быстрого решения этой задачи. На страницы можно добавить красивые фотографии, текстовые блоки, формы обратной связи и т.д.

Интернет-магазины. Если у компании небольшой каталог товаров, ей не обязательно создавать сайт на CMS. Тильда будет идеальным вариантом для монопродуктового магазина, который предлагает несколько вариантов одного и того же товара или услуги.

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

ИСКРА —
неделя знакомства с дизайн-профессиями

Выберите дизайн-профессию, которая нужна в IT.

разжечь искру

Личные портфолио. Любой контент-проект удобно реализовать с помощью этого конструктора, поскольку он предоставляет широкий список возможностей. Разработчик может прописать title, description, теги H1-H3, Alt для изображений. К каждому лонгриду можно добавить кнопки для репостов в социальных сетях. У всех страниц можно настроить адреса, добавить формы подписки, платформа поддерживает генерацию RSS-ленты.

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

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

Возможности для создания страниц с помощью Tilda

Дизайн сайта на Тильде можно не создавать с нуля, а вместо этого воспользоваться шаблоном. Однако разработчик может сделать веб-ресурс и с чистого листа, для этого в конструкторе предусмотрены Zero-блоки.

Готовые шаблоны

Можно использовать готовые дизайны для создания сайта. Платформа предлагает несколько шаблонов, которые сгруппированы в зависимости от тематики и назначения: Бизнес, Событие, Блог, Магазин, Контакты, Анкета. Все страницы сайта будут создаваться в едином фирменном стиле, который, по мнению дизайнеров платформы, лучше всего соответствует выбранной тематике.

Как сделать эффективный лендинг на Tilda, пошаговая инструкция

Готовые блоки

Если ни один из шаблонов не подходит, но для создания страницы с нуля нет времени и опыта, можно использовать готовые блоки. Для этого дизайнеры разработали соответствующие элементы. В боковом меню можно выбрать текстовые блоки, изображения, «О компании», видеоролики, кнопки, формы обратной связи, преимущества и т.д. Площадка подстраивает готовые блоки под разные устройства, чтобы на смартфонах, десктопах, планшетах сайт отображался в оптимальном виде. Элементы добавляются на страницу кликом по ним в редакторе или из меню слева (в этом случае можно выбрать один из нескольких примеров).

Текст и изображения

Чтобы изменить текст, на него нужно кликнуть, после этого можно сразу начать редактирование. Существует еще один вариант: в выбранном блоке нужно нажать на оранжевую кнопку «Контент», тогда слева откроется дополнительное окно. В текстовом редакторе можно создавать списки, выделять полужирным, подчеркивать, зачеркивать, устанавливать междустрочное расстояние и т.д. Изображения загружаются с диска (можно перетащить прямо из Проводника), также можно разместить ссылку на картинку.

Zero-блоки

Zero-блоки — более сложный инструмент для верстки сайтов, который рекомендуется использовать опытным разработчикам. Чтобы начать настройку с помощью этого инструмента, нужно зайти в раздел «Пустая страница» и нажать Zero в меню. Здесь можно полностью адаптировать дизайн страницы под свои задачи и разные устройства (обратите внимание, что дизайн не оптимизируется автоматически).

Zero-блок в Tilda: как работать с анимацией лендинга

Как создать страницу на Tilda

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

Чтобы создать страницу на Tilda, нужно выполнить следующие шаги:

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

Каждый блок на новой странице можно редактировать. Чтобы изменить текст, нужно навести на него мышкой и кликнуть, сверху появится панель типографики. Чтобы получить доступ к более широким возможностям, нажмите «Настройки» или «Контент». Первая опция позволяет управлять SEO-параметрами и дизайном: настраивать горизонтальное и вертикальное выравнивания, отступы, эффекты при скролле, цвета, анимацию и пр. Вторая опция позволяет управлять содержимым блока: изображениями, текстом и видео (в том числе добавлять новый графический контент). У каждого блока свои варианты для редактирования — чаще всего это цвет, размер и диапазон видимости.

Возможности для SEO

Создание сайта на Тильде позволяет также выполнить оптимизацию для поискового продвижения. Рассмотрим, какие возможности предоставляет конструктор.Получение SSL-сертификата. Пользователи Тильда с тарифами выше бесплатного могут подключить бесплатный сертификат Let’s Encrypt. С помощью него можно настроить HTTPS. Сначала нужно подключить сайт к оплаченному домену, а затем зайти в «Мои сайты» — «Новый проект» — «Настройки сайта» — SEO. Здесь найти пункт «Настройка HTTPS» и нажать «Редактировать». После этого перевести переключатель в положение «Защищенный протокол для сайта включен».

Анализ ошибок. После настройки метатегов, загрузки контента, добавления Alt и других параметров пользователь может зайти в раздел SEO и найти пункт «SEO-рекомендации», нажать «Посмотреть» и получить отчет по всем ошибкам.

Подключение аналитики. Пользователь может подключить к своему сайту Яндекс.Метрику, Яндекс.Вебмастер, Google Analytics, Google Search Console, VK Pixel, Mail.ru Counter ID. Все это доступно только на платных тарифах и при условии, что у пользователя уже есть счетчики на перечисленных площадках. Подключить все эти инструменты можно в меню «Настройки сайта», в закладках «Аналитика» и SEO.

Подключение своего домена. Бесплатный тариф позволяет зарегистрировать домен только с названием вида [ваш сайт].tilda.ws. Если купить платную подписку, можно подключить собственный домен, чтобы сайт получил уникальный адрес. Обратите внимание на то, что поисковики высоко ценят именно контент, поэтому субдомены .tilda.ws не будут пессимизироваться в выдаче. Однако не стоит забывать о человеческом факторе: доверие пользователей к сайтам с подобными адресами обычно ниже.

Другие преимущества. Есть и другие возможности для поискового продвижения, которые важно отметить:

• смена favicon (загрузка доступна только в формате .ico);
• добавление страницы ошибки;
• ввод человекопонятных URL (написаны на латинице, но понятны читающему);
• управление метатегами;
• управление тегами заголовков (H1, H2 и т.д.);
• указание Alt для изображений;
• изъятие страниц из индексации;
• редиректы с кодом 301;
• управление файлом request.csr для получение национальных сертификатов.

Все это позволяет организовать полноценное SEO-продвижение сайта.

Как создать сайт в Tilda