Следуя этой пошаговой инструкции, вы сможете создать сайт на основе платформы готовых решений Твой Сайт. Используйте все возможности, чтобы создать сайт, который будет привлекать клиентов и продавать ваши услуги или товары.
Приступим!
Прежде чем приступать к настройкам и созданию вашего сайта, внимательно ознакомьтесь с первыми шагами.
Для создания сайта на сервисе «Твой сайт» вам необходимо зарегистрироваться. Регистрация бесплатна, и после её завершения вы сможете создать уникальный сайт под вашу тематику или бизнес процессы.
На главной странице сайта: https://tvoy-site.biz нажмите кнопку «Начать»
Или перейдите на страницу: https://tvoy-site.biz/registration/step-1/trial/16
Придумайте как будет называться ваш сайт и каким станет ваш поддомен. Введите в первое поле название английскими символами. К примеру remont. Если вы ранее купили домен, то вы сможете привязать его прямо на сервисе.
Выберите удобный способ регистрации: введите адрес электронной почты и пароль. Пожалуйста, укажите действующий адрес вашей электронной почты, так как будет отправлено письмо для подтверждения учетной записи.
После ввода адреса электронной почты и ввода ваших двух сложных паролей, нажмите кнопку «Продолжить».
После регистрации, вы попадете на «Панель управления сайтом (Дашборд)»
Добавьте записи CNAME (возьмите данные из таблицы ниже) в ваш индивидуальный домен из панели регистратора доменов:
Нажмите кнопку «Подключить индивидуальный домен»
Ожидайте обработки вашего запроса и активации вашего домена в течении 48 часов. Письмо придет на вашу почту, которую вы указывали во время регистрации на сервисе «Твой сайт»
После создания сайта в сервисе «Твой сайт», вы попадете в панель управления вашим сайтом (Дашборд).
Экран дашборда содержит пять областей, с которыми вам предлагается работать.
Включает в себя следующие пункты:
В этом разделе вы узнаете о том, как работать с дизайном сайта: менять шаблоны, логотип и фавикон, глобальные цвета, а также настраивать модули, менять язык сайта и прочие функции.
Для изменения шаблона, перейдите в «Дашборде» на вкладку «Шаблон сайта», выберите необходимый вам дизайн и нажмите кнопку «Изменить».
Фавикон — это иконка, которая отображается во вкладке браузера. Как правило она содержит ваш логотип.
Для изменения фавикона сайта, перейдите в «Дашборде» на вкладку «Фавикон», загрузите вашу иконку и нажмите кнопку «Изменить».
Формат: SVG (рекомендуемый), JPEG, PNG
Размер: 120×120, 32×32 или 16×16 пикселей.
Логотип — это визуальный символ компании или бизнеса.
Для изменения логотипа сайта, перейдите в «Дашборде» на вкладку «Логотип», загрузите ваше изображение и нажмите кнопку «Изменить».
Форматы: JPG, JPEG, PNG
Размер: 130×50 (рекомендуемый)
Тип: горизонтальный (для корректного отображения на всех устройствах)
Хлебные крошки необходимы для более удобной навигации по разделам сайта.
Для изменения изображения, перейдите в «Дашборде» на вкладку «Обложка страницы», загрузите ваше изображение и нажмите кнопку «Изменить».
Рекомендуемый размер изображения 1357×160
Экран загрузки — это некая заставка, появляющаяся во время загрузки страниц на сайте. Эта функция полезна тем, что не показывает контент на вашем сайте, пока он не загрузится полностью.
Для изменения изображения экрана загрузки, перейдите в «Дашборде» на вкладку «Экран загрузки», загрузите ваше изображение и нажмите кнопку «Изменить».
Форматы: JPG, JPEG, PNG и GIF для анимированного варианта
Размер: 350×350 (рекомендуемый)
Для изменения глобального цвета сайта, перейдите в «Дашборде» на вкладку «Цвет сайта», загрузите ваше изображение и нажмите кнопку «Изменить».
Вы также можете ввести HEX-код, если знаете его значение. Посмотреть коды можно тут.
Если вы веб-дизайнер или разработчик и знакомы с CSS, то можете добавить в этом разделе свои стили CSS.
В этот раздел вставляются кастомные скрипты с различных сервисов или ваши собственные.
Счетчик Яндекс Метрики используется для передачи информации о просмотрах страниц и других событий в поисковые системы.
Теперь перейдите в «Дашборде» на вкладку «Модули», активируйте модуль Метрики, вставьте скопированный код счетчика и нажмите кнопку «Изменить».
Счетчик Google Аналитики используется для передачи информации о просмотрах страниц и других событий в поисковые системы.
Теперь перейдите в «Дашборде» на вкладку «Модули», активируйте модуль Google, вставьте скопированный код счетчика и нажмите кнопку «Изменить».
Кнопка WhatsApp располагается в правом нижнем углу вашего сайта. Она позволяет вашим клиентам задавать вопросы и связываться с вами напрямую.
После настройки кнопка WhatsApp будет отображаться в левом или правом углу сайта.
В этом разделе вам нужно заполнить ключевые слова и мета описание для каждой страницы.
Мета тег keywords — тег для ключевых запросов, по которым поисковые боты понимают, о чем идет речь на странице. Ключи записывают через запятую, с пробелом между ними. К примеру строительные услуги, ремонт квартир, ремонт квартир под ключ
Еще в 2009 году представители Google заявили, что при ранжировании страницы полностью игнорирует этот мета тег, чтобы разработчикам было неповадно вписывать туда нерелевантные запросы.
В рекомендациях Яндекса написано, что этот мета тег может учитываться при определении соответствия страницы поисковым запросам.
Мета теги косвенно влияют на оптимизацию и позиции сайта, над ними нужно работать, но если сам сайт и его содержимое не понравится пользователям и поисковым системам — вашим работодателям — то на желанный топ можно не рассчитывать.
Description — описание страницы. Этот тег участвует в формировании сниппетов; пользователь видит его содержимое на странице выдачи результатов поиска.
Заполнять тег description не обязательно, поисковик может сам найти фрагмент теста для описания. Исследование компании «Yoast» 2018 года показывает, что Google не важна плотность ключевых слов и длина description. В двух третях случаев поисковик проигнорировал description и взял в описания часть первого абзаца текста.
Но есть шанс, что в описание попадет именно ваш вариант — если у вас есть на это ресурсы, оформите его привлекательнее для пользователей.
Источник с информацией по SEO оптимизации.
Для добавления ключевых слов и мета-описания, перейдите в «Дашборде» на вкладку «SEO оптимизация», заполните все поля и нажмите кнопку «Изменить».
Сервис Твой сайт — многоязычный.
В этом разделе вы узнаете о том, как редактировать и добавлять языки. Эта опция очень полезна, если вы хотите переименовать значения по умолчанию.
Для того, чтобы отредактировать языковой пакет вашего сайта, перейдите в «Дашборде» на вкладку «Управление языками» и нажмите «Редактирование языка».
Здесь вы можете переименовать различные разделы или слова на вашем сайте. К примеру «Услуги» переименовать в «Товары».
Для того, чтобы добавить свой язык, нажмите на вкладке «Управление языками», «Добавить язык».
После того, как вы добавили новый языковой пакет, его нужно отредактировать, как мы показывали ранее. После чего нажать кнопку «Сделать по умолчанию»
В этом разделе вы узнаете о том, как настраивать главную страницу сайта.
Теперь вам нужно заполнить заголовки, подзаголовки и дополнительный текст в разделе навыков. Тот же смысл применяется к другим разделам, таким как:
В разделе отзывов обязательно загрузите изображение, к примеру относящееся к вашей компании или клиентам.
После заполнения всех полей, нажмите кнопку «Изменить»
В этом разделе вы можете настроить главное изображение, которое отображается в самом верху сайта или превратить блок в слайдер, добавив дополнительные изображения.
Перейдите в «Дашборде» на вкладку «Главная» и «Первый блок». Вы можете отредактировать уже предустановленное изображение или добавить новое, кликнув на «Добавить слайд». Если оставить одно изображение, то слайдер выключится.
В настройках «Первого блока» все просто.
В этом разделе вы можете заполнить информацию о вашей компании. Перейдите в «Дашборде» на вкладку «Главная» и «О компании».
В этом разделе вы можете описать дополнительную информацию о вашей компании или YouTube канале, прикрепив кнопку с видео. Перейдите в «Дашборде» на вкладку «Главная» и «Видео».
В этом разделе вы можете добавить ваши достижения в цифрах. К примеру, 500 заказов в день или то сколько у вас клиентов, отзывов и прочее.
Перейдите в «Дашборде» на вкладку «Главная» и «О нас в цифрах». Нажмите «Изменить», чтобы отредактировать под себя уже предустановленные варианты или добавьте новый, нажав по кнопке «Добавить достижение»
В этом разделе вы можете описать ваши преимущества. Рассказать о том, почему стоить выбрать именно вашу компанию.
Этот раздел связан с разделом «Главная страница», там где вы описываете Навыки вашей компании.
Перейдите в «Дашборде» на вкладку «Главная» и «Навыки компании». Вы можете отредактировать уже предустановленные или добавить свои.
В этом разделе вы можете добавить уже существующие отзывы о вашей компании или придумать свои.
Перейдите в «Дашборде» на вкладку «Главная» и «Отзывы». Вы можете отредактировать уже предустановленные или добавить свой отзыв.
В этом разделе вы можете добавить логотипы ваших партнеров и встраивать ссылки на них. Как альтернатива, эту функцию можно использовать как мини-баннеры.
Перейдите в «Дашборде» на вкладку «Главная» и «Наши партнеры». Вы можете отредактировать уже предустановленные или добавить свои.
В этом разделе вы можете скрыть различные разделы вашего сайта. Перейдите в «Дашборде» на вкладку «Главная» и «Разделы Скрыть/Показать». Просто выберите что необходимо скрыть и кликните по статусу «Активный» и «Неактивный»
В этом разделе вы можете настроить меню вашего сайта. Перейдите в «Дашборде» на вкладку «Главная» и «Конструктор меню».
Чтобы поменять ссылки в меню местами, кликайте по стрелкам.
В этом разделе вы узнаете о том, как настраивать «Футер меню» сайта.
В этом разделе вы можете настроить логотип, добавить под ним текст, к примеру название сайта, а также добавить копирайт. Всё это располагается в футере сайта (в самом низу).
Перейдите в «Дашборде» на вкладку «Футер меню» и «Логотип и текст».
В этом разделе вы можете добавить необходимые вам быстрые ссылки, к примеру на нужную вам страницу, услугу или внешнюю ссылку на кого-либо.
Перейдите в «Дашборде» на вкладку «Футер меню» и «Быстрые ссылки».
Вы можете отредактировать уже предустановленные или добавить свои.
В этом разделе вы можете добавить необходимые вам дополнительные страницы и разместить на них информацию.
Перейдите в «Дашборде» на вкладку «Дополнительные страницы» и нажмите на «Добавить страницу».
В этом разделе вы можете добавить ваши услуги.
Перейдите в «Дашборде» на вкладку «Услуги» и кликните по кнопке «Добавить услугу» или отредактируйте уже существующую.
В этом разделе вы можете добавить ваше портфолио.
В этом разделе вы можете добавить категории для вашего портфолио. Перейдите в «Дашборде» на вкладку «Портфолио» и «Категории», «Добавить категорию» или отредактируйте уже существующую.
Перейдите в «Дашборде» на вкладку «Портфолио» и кликните по кнопке «Добавить портфолио» или отредактируйте уже существующее.
В этом разделе вы узнаете о том, как настраивать «Формы» сайта.
Форму обратной связи вы можете найти, кликнув по кнопке «Задать вопрос»
Перед тем, как работать с конструктором форм, не забудьте его активировать.
Перейдите в «Дашборде» на вкладку «Все заявки».
Имя и почта по умолчанию уже созданы. Вы можете добавить дополнительные поля, которые будет заполнять клиент или посетитель сайта.
Перейдите в «Дашборде» на вкладку «Управление формами» и «Конструктор форм».
Для примера создадим текстовое поле:
Точно также настраиваются все остальные поля.
В этом разделе вы можете добавить свои контактные данные. Перейдите в «Дашборде» на вкладку «Страница контактов».
Скопируйте код карты и вставьте в любой текстовый редактор, к примеру блокнот.
Теперь скопируйте ссылку в кавычках и вставьте эту ссылку на карту в настройках контактов в «Дашборде»
Пример ссылки (выделено жирным шрифтом):
<iframe src=»https://yandex.ru/map-widget/v1/?um=constructor%3A901ee9deeba911b42e6629b1e63deeb7fec95bc8b6b25fc8cc9025ff002a626b&source=constructor» width=»100%» height=»400″ frameborder=»0″></iframe>
В этом разделе вы можете добавить свою команду или сотрудников.
Перейдите в «Дашборде» на вкладку «Команда».
Не забудьте после добавления участников вашей команды, включить для них превью. Эта опция отобразит участников на главной странице сайта.
В этом разделе вы узнаете как вести блог, создавать категории и размещать статьи, новости, советы и прочее.
В этом разделе вы можете добавить категории для вашего портфолио. Перейдите в «Дашборде» на вкладку «Блог» и «Категории», нажмите «Добавить категорию» или отредактируйте уже существующую.
В этом разделе вы можете добавить статьи на ваш сайт. Перейдите в «Дашборде» на вкладку «Блог» и «Статьи», нажмите «Добавить статью». Ранее добавленные записи можете смело удалить.
В этом разделе вы узнаете как добавлять свои вакансии.
В этом разделе вы можете добавить категории к вакансиям на ваш сайт. Перейдите в «Дашборде» на вкладку «Вакансии» и «Категории», нажмите «Добавить категорию».
В этом разделе вы можете добавить вакансии вашей компании. Перейдите в «Дашборде» на вкладку «Вакансии» и нажмите «Должность». Чтобы отредактировать уже добавленные вакансии, кликните на «Управление вакансиями».
Заполните все обязательные поля:
Нажмите кнопку «Изменить»
В этом разделе вы узнаете как добавить на ваш сайт «FAQ»
Перейдите в «Дашборде» на вкладку «FAQ» и нажмите «Добавить вопрос».
В этом разделе вы узнаете как добавить на ваш сайт «Политику конфиденциальности». Этот текст по закону обязаны размещать все, кто собирают и обрабатывают персональные данные пользователей. Например, когда посетитель оставляет номер телефона, имя и почту в форме обратной связи.
Если этого документа нет или ему не следуют, можно получить штраф или даже блокировку.
Перейдите в «Дашборде» на вкладку «Политика конфиденциальности», заполните заголовок к примеру «Политика в отношении обработки персональных данных» и вставьте ваш текст политики.
Пример можно взять и скачать перейдя по ссылке.
В этом разделе вы узнаете как создать QR-код прямо в панели управления сайтом и сгенерировать в нем ссылку, к примеру на ваш сайт, услугу и прочее.
Перейдите в «Дашборде» на вкладку «Сгенерировать QR-код».
Вы также можете добавить изображение или текст в QR-код, выбрав опцию в «По умолчанию»
В этом разделе вы узнаете как управлять рассылкой на вашем сайте.
Когда клиент или посетитель сайта вводит свою почту в футере или в форму обратной связи, эта почта появляется в «Дашборде». После чего вы сможете отправлять на эту почту рассылку.
Первая ошибка компаний — писать о себе. Эффективное письмо решает в первую очередь проблему клиента и выходит за рамки простого рассказа о компании.
Напишите в заголовке к примеру о скидке, которая подтолкнет клиента на покупку или заказ услуги.
В сообщении, распишите подробнее о скидке
Нажмите кнопку «Отправить»
Как добавить социальные сети
Социальные сети отображаются в футере сайта (в самом низу)
Для изменения добавления иконок ваших социальных сетей, перейдите в «Дашборде» на вкладку «Социальные сети», выберите иконку необходимой вам социальной сети, вставьте на неё ссылку, введите число в порядковом номере и нажмите кнопку «Изменить».