Шаг 5 — Создание страниц сайта

Создайте информационную страницу (раздел) сайта. Нажмите правой клавишей на файл конкретной страницы и выберите Edit with Notepad++. Проще говоря, откройте файл шаблона нужной вам информационной страницы в программе Notepad++. Визуально просмотрите код страницы и найдите нужную вам область для редактирование. Быстро перейти в нужную область можно нажав Ctrl + F в редакторе Notepad++ и введя запрос для поиска. Также, как это вы делали в поиске меню страниц сайта. Итак, начнем разбираться с каждой областью нашей страницы, которую нужно отредактировать (для наглядности, мы предоставим изображение с указанием этих областей).

<title>ЗАГОЛОВОК САЙТА</title>

Это самая главная строка страницы. Ей придают большое значение поисковые системы Яндекс и Google. Именно поэтому, очень внимательно отнеситесь к подбору текста, который будет тут. Мы рекомендуем сюда размещать несколько ваших главных ключевых слов для страницы. Например, введите вместо «ЗАГОЛОВОК САЙТА» — Отслеживание посылки почта России, почта России отслеживание почтовых отправлений.

<meta name=”keywords” content=”КЛЮЧЕВЫЕ СЛОВА” />

Введите ключевые слова для страницы, это 5 – 10 дополнительных ключевых слов, которые вы подбирали в теоретической части. Слова следует написать через запятую

Например,

<meta name=”keywords” content=”Отследить посылку почта России, Почта Росии отслеживание” />

 

<meta name=”description” content=”ОПИСАНИЕ САЙТА” />

Введите описание вашей страницы, этот текст, как правило, выводится в поисковике, под названием вашей страницы. Можно ввести описание того, что сможет сделать пользователь на вашем сайте или ключевые разделы вашего сайта.

 

Например,

 <meta name=”description” content=”Сервис отслеживания посылок почты России, отследить Почту России, посылку, почтовое отправление, бандероль, письмо” />

<h1>ЗАГОЛОВОК СТРАНИЦЫ</h1>

Это главный заголовок вашей страницы. Сюда введите главные ключевые слова, по которым вы собираетесь продвигать страницу.

 

Например,

<h1>Отслеживание посылки почта России, Почта России отслеживание почтовых отправлений</h1>
<textarea cols=”70″ rows=”5″>

<p style=”text-align: justify;”><strong>ОПИСАНИЕ СТРАНИЦЫ</strong></p>

 

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

 

Например,

<p style=”text-align: justify;”><strong>В данном разделе находится информация по отслеживанию посылки Почта России, с помощью сервиса отслеживания вам доступен онлайн сервис, который покажет вам где находится посылка, почтовое отправление, письмо или бандероль отправленные Почтой России (РФ).</strong></p>

<strong>СОДЕРЖАНИЕ РАЗДЕЛА:</strong>

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

 

Например,

<strong>Что в данном разделе:</strong>

<li>подрубрика 1</li>
<li>подрубрика 2</li>
<li>подрубрика 3</li>
<li>подрубрика 4</li>
<li>подрубрика 5</li>

 

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

 

Например,

<li>Отслеживание посылки почта России</li>
<li>Почта России отслеживание почтовых отправлений</li>

 

<center><span style=”color: #008000;”><h3>ЧТО ЗДЕСЬ МОЖЕТ НАЙТИ ПОЛЬЗОВАТЕЛЬ, КРАТКО</h3></span></center>

 

Одним кратким предложением с одним ключевиком, укажите, что здесь может найти пользователь. Мы рекомендуем не изменять формат предложения, а заменить только 1-2 слова.

 

Например,

<center><span style=”color: #008000;”><h3>Здесь вы сможете отследить посылку Почты России</h3></span></center>

<p>
АБЗАЦ 0
</p>

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

<strong> и закройте его таким тегом<\strong>

Слова, которые находятся между этим тегом будут полужирные.

<p></p>

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

<center><span style=”color: #008000;”><h2>ПОДЗАГОЛОВОК 1</h2></span></center>

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

 

Например,

<p></p> <center><span style=”color: #008000;”><h3>Здесь вы сможете отследить посылку Почты России</h3></span></center> <p></p>

<strong>ПОДЗАГОЛОВОК 1.1</strong>

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

 

Например,

<h2> <strong>Официальный сайт отслеживания посылок Почты России</strong> </h2>

<p>
АБЗАЦ 1.1
</p>

Сюда поместите основную информацию для раздела ПОДЗАГОЛОВОК 1.1

 

<h2>
ПОДЗАГОЛОВОК 2
</h2>

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

<p>
АБЗАЦ 2.1
</p>

Здесь поместите основную информацию для раздела ПОДЗАГОЛОВОК 2.1

<h1 style=”text-align: center;”>
ПОДЗАГОЛОВОК 3
</h1>

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

 

<p>
АБЗАЦ 3.1
</p>

Сюда поместите основную информацию для раздела ПОДЗАГОЛОВОК 3.1 Не забывайте ключевые слова в тексте обрамлять в тег титл:

<strong></strong>

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

Сюда поместите основную информацию для раздела ПОДЗАГОЛОВОК 3.2

<p>
АБЗАЦ 3.2
</p>

<h3><img alt=”order linefor.com” src=”images/mini-logo.gif” />НАЗВАНИЕ СТРАНИЦЫ 2</h3>

Введите главное название вашей страницы Например,

 

<h3><img alt=”order linefor.com” src=”images/mini-logo.gif” />Отслеживание почтовых отправлений</h3>

<p style=”text-align: left; line-height: 1.0em;”><span style=”font-size: 14px;”>ОПИСАНИЕ СТРАНИЦЫ 2</span></p>

Опишите вашу информационную страницу в небольшом абзаце. Например,

 

<p style=”text-align: left; line-height: 1.0em;”><span style=”font-size: 14px;”>Описание процедуры таможенного оформления посылок, таможенных пошлин и правил ввоза товаров в Россию, Украину, Беларусь. Информация о почте России, Украины и Беларуси, отслеживании посылок по учетному номеру отправления.</span></p>

<li><a href=”http://shablon.linefor.com/”><strong> Главная страница сайта</strong></a></li>
<li><a href=”http://shablon.linefor.com/russian-post.html”><strong> Отследить Почта России</strong></a></li>
<li><a href=”http://shablon.linefor.com/ukrposta.html”><strong> Отследить Почта Украины</strong></a></li>
<li><a href=”http://shablon.linefor.com/novaya-posta.html”><strong> Отследить Новая почта</strong></a></li>
<li><a href=”http://shablon.linefor.com/china-post.html”><strong> Отследить Почта Китая</strong></a></li>
<li><a href=”http://shablon.linefor.com/dhl.html”><strong> Отследить Почта DHL</strong></a></li>
<li><a href=”http://shablon.linefor.com/tnt.html”><strong> Отследить Почта TNT</strong></a></li>
<li><a href=”http://shablon.linefor.com/usps.html”><strong> Отследить Почта USPS</strong></a></li>
<li><a href=”http://shablon.linefor.com/ems.html”><strong> Отследить Почта России EMS</strong></a></li>
<li><a href=”http://shablon.linefor.com/mist-express.html”><strong> Отследить Мист Экспресс</strong></a></li>
<li><a href=”http://shablon.linefor.com/pony-express.html”><strong> Отследить Пони Экспресс</strong></a></li>
<li><a href=”http://shablon.linefor.com/all-post.html”><strong> Курьерские службы мира</strong></a></li>
<li><a href=”http://shablon.linefor.com/track.html”><strong> Что такое трек номер?</strong></a></li>

Это список страниц в виде ссылок. Замените на свои страницы, как мы это указывали ранее. Названия страниц можно несколько изменить

<strong>ОПИСАНИЕ СТРАНИЦЫ 3</strong>

<center><a href=”http://shablon.linefor.com/” class=”button button-small2″>Главный сайт</a></center>
<center><a href=”http://shablon.linefor.com/russian-post.html” class=”button button-small2″>Отследить Почта России</a></center>
<center><a href=”http://shablon.linefor.com/ukrposta.html” class=”button button-small2″>Отследить Почта Украины</a></center>
<center><a href=”http://shablon.linefor.com/novaya-posta.html” class=”button button-small2″>Отследить Новая почта</a></center>
<center><a href=”http://shablon.linefor.com/china-post.html” class=”button button-small2″>Отследить Почта Китая</a></center>
<center><a href=”http://shablon.linefor.com/dhl.html” class=”button button-small2″>Отследить Почта DHL</a></center>
<center><a href=”http://shablon.linefor.com/tnt.html” class=”button button-small2″>Отследить Почта TNT</a></center>
<center><a href=”http://shablon.linefor.com/usps.html” class=”button button-small2″>Отследить Почта USPS</a></center>
<center><a href=”http://shablon.linefor.com/ems.html” class=”button button-small2″>Отследить Почта России EMS</a></center>
<center><a href=”http://shablon.linefor.com/mist-express.html” class=”button button-small2″>Отследить Мист Экспресс</a></center>
<center><a href=”http://shablon.linefor.com/pony-express.html” class=”button button-small2″>Отследить Пони Экспресс</a></center>
<center><a href=”http://shablon.linefor.com/all-post.html” class=”button button-small2″>Курьерские службы мира</a></center>
<center><a href=”http://shablon.linefor.com/track.html” class=”button button-small2″>Что такое трек номер?</a></center>

Это кнопки с ссылками на страницы вашего сайта. Замените еще раз на свои страницы. Данный код, это уже кнопки, поэтому название страницы должно быть кратко и содержать не более 3х слов. На этом редактирование окончено и вы можете сохранить страницу. Файл сохранить. Приступайте к редактированию следующих информационных страниц. 1.4. создайте главную страницу сайта с названием index (index.html) Создание главной страницы сайта осуществляется по аналогии с информационными страницами. Главная страница сайта, должна быть информационно разнообразна и указывать все разделы вашего сайта. Это страница, как правило, получает основной поток посетителей, поэтому внимательно отнеситесь к ее созданию. Вы можете создать на главной странице сайта краткий обзор того, что сможет сделать или найти на сайте пользователь. Сохраните страницу как index.html. После того, как все страницы будут сохранены, вы можете подать заявку на создание сайта (с указанием желаемого имени домена, например, name.linefor.com) и прислать нам файлы страниц eMail с пометкой “Webmaster.Linefor”. Мы разместим сайт на нашем ресурсе и вы сможете приступать к завершающей части – раскрутке сайта.

 

Все шаги пошаговой инструкции: