Визуальный генератор страниц сайта.
Генератор Мета-Тэгов.

1. Визуальный генератор страниц сайта

Здесь см. Инструкцию к on-line генератору страниц сайта.


2. Генератор метатегов

Здесь см. Подробную инструкцию к генератору метатегов.

Кодировка страницы:
Выберите в списке кодировку Вашего сайта. (Обязательно!!!)
Title:
Введите название Вашей web-страницы. (Желательно)
Author:
Укажите автора. (Можно ничего не писать)
Description:
Сюда введите описание Вашего сайта, 1-5 предложений.
Максимум 256 символов (около 30 слов). (Очень желательно.)
Keywords:
Укажите через запятую или пробел ключевые слова.
Оптимально не более 15 слов. (Необязательно.)
Generator:
Здесь можно указать движок сайта. (Можно ничего не писать)
Language:
Укажите использующийся язык на Вашем сайте.
Например: русский: ru-RU; England: en-EN (Можно ничего не писать)
E-mail автора:
(Лучше ничего не писать, если не хотите получать спам по почте)
Индексация роботами:
Выберите инструкцию для роботов поисковых машин.
(Если не понимаете, что это такое, то ни в коем случае ничего не меняйте!!!)
О свойствах метатэга ROBOTS можно почитать в статье про прямые ссылки в разделе про метатэги.
Revisit-after:
Выберите частоту повторного просмотра страницы роботом поисковой машины. (Можно ничего не менять)



Пример результата:

<META HTTP-EQUIV="CHARSET" CONTENT="text/html; CHARSET=windows-1251">
<META NAME="Title" CONTENT="Личная страница Васи Пупкина">
<META NAME="Author" CONTENT="Вася Пупкин">
<META NAME="Description" CONTENT="Страница про Васю Пупкина и его кота">
<META NAME="Keywords" CONTENT="Вася, Пупкин, классный, чувак, кот">
<META NAME="Generator" CONTENT="Joomla">
<META HTTP-EQUIV="Content-Language" CONTENT="ru-RU">
<META HTTP-EQUIV="reply-to" CONTENT="[email protected]">
<META NAME="Robots" CONTENT="index, follow">
<META NAME="Revisit-after" CONTENT="7 day">

3. Инструкция создания web-страницы для новичков

  1. Скопируйте шаблон web-страницы в рамке ниже и вставьте его в блокнот.
  2. Замените в шаблоне части, выделеные цветом как написано.
  3. Сохраните то, что получилось, на своем компьютере в файле с расширением *.html или *.htm. Например: index.html
  4. Откройте полученный файл любым браузером, который у Вас установлен.
  5. Наслаждайтесь результатом!

Шаблон web-страницы

<html>

   <head>

      Здесь вставьте мета-тэги, полученные в генераторе мета-тэгов

     <title>Здесь напишите заголовок Вашей web-страницы</title>

   </head>

   <body>

      Сюда вставьте код, созданный в редакторе web-страницы

   </body>

</html>

Это стандартный шаблон любой web-страницы. Как видите, любая web-страница устроена очень просто. Начинается любая web-страница с открывающегося тэга <html>, а заканчивается закрывающимся тэгом </html>. Между этими тэгами находится голова web-страницы HEAD и тело web-страницы BODY. Голова web-страницы находится между открывающимся тэгом <head> и закрывающимся тэгом </head>. Аналогично, тело web-страницы находится всегда между открывающимся тэгом <body> и закрывающимся тэгом </body>.

Смысл головы и тела web-страницы в том, что в теле находится всё то, что должно выводится в окно браузера при просмотре web-страницы сайта. А в голове web-страницы находится вспомогательный материал и инструкции для браузера и для поисковых систем.

Обратите внимание, что в голове web-страницы кроме мета-тэгов и разной другой вспомогательной информации может находится еще одна информация, которая тоже выводится на экран монитора, но выводится не так, как содержимое тела web-страницы, то есть не в окно браузера, а по особому. В шаблоне выше показана самая важная вспомогательная информация в голове web-страницы - это общий заголовок web-страницы TITLE. Всё, что Вы напишите между открывающимся тэгом <title> и закрывающимся тэгом </title>, будет выведено в самом верху Вашего браузера, над строкой меню. Если Ваш браузер раскрыт на весь экран монитора, то это будет самая верхняя строка на экране монитора. При прокручивании web-страницы вниз, заголовок страницы наверху всегда остается на своем месте и не меняется, пока Вы не перейдете на другую web-страницу сайта или другого сайта.

Например, если Вы прямо сейчас посмотрите на верхнюю строку своего браузера, то увидите, что там сейчас постоянно сидит заголовок "Визуальный генератор страниц сайта. Генератор Метатегов." Это потому, что эта фраза у меня стоит между тэгами <title> и </title> в голове этой web-страницы.

...

Здесь Вы можете посмотреть учебный пример создания сайта из трех страниц.

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

...

...


------------------

Автор статьи: Евгений Миронов.

[0] Создание страниц простого сайта
[1] Инструкция по применению визуального редактора страниц сайта
[2] Инструкция по применению генератора мета-тэгов
[3] Учебный пример создания сайта
[4] Учебный пример создания интернет-магазина
[R] Бесплатные HTML-редакторы


При копировании материалов данного сайта, прямая ссылка на сайт обязательна
© Евгений Миронов, 2009 - 2022