3. Создание бесплатного сайта с помощью конструктора Hostinger

By | 10/11/2012


Продолжаем разговор о создании бесплатных сайтов на хостинге Hostinger. В предыдущих статьях мы рассмотрели регистрацию в Hostinger и настроили FTP- соединение с ним. Сегодня мы рассмотрим процесс создания сайтов с помощью бесплатного конструктора сайтов этой хостинговой компании.

Все это будет не очень сложно — это же не уроки php, необходимо только небольшая доля внимания.

Начнем двигаться с самого начала – с создания сайта и определения основ его структуры.

Итак, заходим в наш аккаунт и нажимаем вкладку «Панель». В открывшейся странице нажимаем ссылку «Начать»:

Бесплатный хостинг HostingerРис.1 (Все скриншоты кликабельны)

У нас откроется страница с вопросами, можете их заполнить. Нас интересует левая колонка, где мы должны найти раздел «Веб-сайт»:

 сделать бесплатный сайтРис.2

Кликаем по ссылке «Конструктор сайтов», он откроется в новой вкладке:

бесплатный конструктор сайтовРис.3

Нам предлагается прежде всего выбрать шаблон сайта. Вы можете пересмотреть их все, кликнув по ссылке «All Templates», а можете сразу перейти к какому-то разделу. Я выбрал раздел Technology. Понравившийся шаблон Вы можете посмотреть в более крупном изображении, нажав на кнопку «Preview», или сразу приступить к созданию сайта на его основе, нажав кнопку «Select».

После нажатия Select у нас откроется новая страница:

 конструктор сайтов HostingerРис.4

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

Home – главная страница сайта (страница «Домой»)

About Us- станица «О нас», дается описание компании или вебмастера.

Servises- страница «Услуги», перечень предлагаемых услуг

Support – страница «Поддержка», если ваши услуги сопровождаются тех.поддержкой

Contact Us – страница «Связаться с нами», дается адрес почты, телефон, ISQ и т.д.

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

Далее нам предстоит заполнить три очень важные графы:

  • Title – заголовок сайта. Он должен четко, ясно и коротко говорить о чем сайт
  • Keywords— ключевые слова. Это те слова, по которым поисковики будут показывать ваш сайт. Перечень ключевых слов вытекает из будущего содержания сайта
  • Discrihtion – описание сайта. Это описание – текстовое. Вы должны в одном-двух предложениях написать о чем ваш сайт, в чем его преимущества. Постарайтесь уложиться в 160 знаков, иначе поисковики такое описание обрезают.

Для примера приведу свое описание (это не образцовое заполнение, но вы должны понять суть):

  • Title — Сделай бесплатный сайт сам!
  • Keywords — бесплатный сайт, бесплатный хостинг, самостоятельное создание сайта, бесплатный конструктор сайтов, site free, sitebuilder free
  • Description — Сайт посвящен самостоятельному созданию бесплатных сайтов на различных бесплатных платформах и хостингах. Предназначен для начинающих вебмастеров.

Почему я написал именно так? Потому что проблемой бесплатного создания сайта, поиском бесплатных хостингов и конструкторов сайтов озабочены очень многие вебмастера. Для того, чтобы убедиться в этом достаточно посмотреть на статистику поисковых запросов в Яндексе.

Здесь сделаю небольшое отступление. Для создания нормального (читай: успешного) сайта, вы должны придерживаться определенных правил. Одно из самых основополагающих – правильный подбор ключевых слов и создание семантического ядра сайта. Об этом почитайте в этих статьях:

Что такое ключевые слова? 

С чего начать создание блога: семантическое ядро

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

Так вот, запрос «бесплатный сайт» пользователи вводили 575 тысяч раз В МЕСЯЦ! Но по таким очень популярным запросам (их называют высокочастотными, или ВЧ- запросы) пробиться в ТОП10 очень и очень трудно. Я, например, не смог. Надеюсь – пока не смог. А если вас нет в ТОПе, значит, вас нет в Интернете – запомните это крепко-накрепко!

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

Сейчас вы должны в Статисте ключевых слов Яндекса подобрать по тематике своего сайта высокочастотные запросы и вписать их в графу Keywords.

Описание сайта (графа Description) имеет меньшее значение, по сравнению с ключевыми словами, но все-таки достаточно важное. Поэтому отнеситесь к ней с уважением и не забудьте при составлении описания включить в него ключевые слова.

Заполнив эти три графы нажимаем, кнопку «Create site and go to builder» (Создать сайт и перейти к конструктору). В новой вкладке вашего браузера отроется конструктор сайтов:

 Рис.5

Все, что расположено в верхней части страницы – это инструменты самого конструктора (до зеленой линии). Все, что ниже зеленой линии – эскиз нашего сайта, с которым мы и начнем работать.

Инструменты конструктора сайтовРис.6

Прежде всего познакомимся с инструментами (слева — направо).

2 самые левые иконки – сброс шаблона и изменение шаблона нас не интересуют, поскольку мы с ним определились.

Иконка «Save/Preview» (Сохранить/Предпросмотр) используется для сохранения внесенных изменений в шаблон. Например, если сегодня вы изменили только заголовок и на этом прекратили работу, то вам понадобится эта кнопка для сохранения названия вашего сайта.

Иконка «Save/Publish» для окончательного сохранения всех изменений и публикации сайта в Интернете. Пока вы не нажмете на эту иконку, вместо вашего сайта в Интернете будет высвечиваться надпись «Index/», это означает, что не загружен индексный (основной) файл в вашу папку public_html, а ее конструктор загрузит как раз после нажатия этой кнопки.

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

Дело в том, что Яндекс индексирует новые сайты уж очень неторопливо – до 3-х недель, иногда даже чуть дольше (по моему опыту). Поэтому есть смысл опубликовать сайт, даже недоделанный и, пока Яндекс его индексирует, закончить с ним все оставшиеся работы.

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

Для того, чтобы убрать вновь установленную область наведите на нее курсор, в правом верхнем углу появится зеленый квадратик с изображением карандаша, кликните по нему, появится список команд – нажмите на строчку «Remove». Установленное поле исчезнет. Или же можно просто обновить браузер, нажав клавишу F5.

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

Похожие записи по этой теме:

Оставить комментарий

Your email address will not be published. Required fields are marked *