Вэбмастеру: Порядок работы над сайтом

Порядок работы над Веб-сайтом, из личного опыта

1. Разработка концепции вэб-сайта и соответственно – дизайн, основные темы, контент, логика;

2. Вёрстка, отладка;

3. Выбор хостера. Размещение страниц;

4. Регистрация сайта в поисковиках и каталогах;

5. Дальнейшее развитие проекта: создание мобильных версий сайта (WAP, pda) и т.д.

Разработка сайта

Изучить рекомендации по сайтостроению и продвижению Интернет-проектов в сети.

Контент – информативный, лаконичный.

Дизайн сайта – соответствует основному контенту (содержанию). Поменьше "бантиков" и анимации. Стиль – единый. Нарисовать значок - иконку favicon.ico и поместить в корневой каталог. Небольшую, древнюю програмку для создания значка можно скачать здесь

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

Прописать основные метатеги:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Название страницы</title>
<meta name="Description" content="Описание страницы">
<meta name="Keywords" content="ключевые, слова, этой, страници">

Размеры рисунков указывать в явном виде (Width= ... Height=...) – для быстрой загрузки странички в браузер. Общий размер графики – до 50 Kb на странице. Чем меньше – тем быстрее скорость загрузки.

Явное форматирование текста с универсальным, стандартным набором шрифтов – для его читаемости в любом броузере:

<font face="Verdana,Arial,sans-serif" size="2"> ... </font>

При необходимости включения скриптов – предусмотреть "дежурные сообщения":

<font color=red><noscript>
Для правильного отображения страницы должна быть включена поддержка JavaScript
</noscript></font>

- это сообщение появится в случае отключённой обработки скриптоф

Если система навигации выполнена на Java Script'е тогда поисковый паук на сможет пройтись по страницам для их индексации, поэтому – ссылки указывать в явном виде.

Аккуратнее использовать всяческое расслоение - <DIV ...>, "style=POSITION: relative;" и тому подобное, чтобы Интернет-страница сохраняла свою структуру в любом браузере.

Не оставлять дубликатов страниц на сайте. Если есть старые копии – их можно поместить в каталог, закрытый от индексирования роботами с помощью текстового файла robots.txt (размещается в корневом каталоге)

User-agent: * 
Disallow: /arhiv2005/
Disallow: /dir/page1.htm
Disallow: /page2.htm

– в примере файла robots.txt, для индексирования запрещены:
директория "arhiv2005" 
файл "page1.htm", располагающийся в директории "dir" 
файл "page2.htm", находящийся в корневом каталоге

примечание автора сайта – способы, как сделать перенос на новую строку в файлах robots.txt и .htaccess

Вёрстка, отладка

Вёрстку страниц, нарезку таблиц – проще делать в html-редакторе. Доводку страницы-шаблона сделать в "блокноте" – удалить всё лишнее (пробелы и т.д.). Шаблонную страницу делать "под ключ", до её полной готовности.

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

Проверить грамматику. Протестировать ссылки на страницах. Регистр в именах файлов, например – file и File это разные файлы.

Тестировать страницы на кроссбраузерность – в разных браузерах, при различных разрешениях экрана, при изменении размера окна.

По логфайлу ошибок проводить отладку – вносить нужные исправления на сайте. С помощью инструментов и сервисов cPanel можно проводить тонкую настройку сервера, включать Cron (автоматическое выполнение скриптов в заданное время) и многое другое.

Валидность (соответствие кода страниц стандартам HTML и CSS) – можно проверить в http://validator.w3.org/ и http://jigsaw.w3.org/css-validator/ соответственно. Некоторые специальные теги (к примеру, noindex) - там будут названы ошибкой, но это не критично. Проверка проводится по спецификации, указанной в начале страницы, например для HTML4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

По шагам

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

Будущий владелец сайта:
1) регистрирует домен на свое имя - на нашем общероссийском регистраторе сайтов http://www.nic.ru/ Там надо зарегистрироваться и заплатить 600 р за регистрацию своего домена на первый год, потом - ежегодно платить туда по 450 р для продления регистрации своего домена на год;

2) заказывает разработку сайта или самостоятельно его делает;

3) сам размещает свой сайт у выбранного хостера;

4) на аккаунте в http://www.nic.ru/ прописывает ДНС хостера.

Выбор хостера

Критерии при выборе хостера: надёжность, скорость, техподдержка...

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

Если веб-сайт без форума и интерактива (нет загрузки графики и больших файлов) – будет достаточно виртуального хостинга.

Дублирование – размещение частей ресурса на разных хостинг-площадках (работает не один, так другой). Надёжность сервера можно мониторить по "количеству перезагрузок" (из данных статистики, например - Liveinternet).

Поиск площадки под вэб-сайт:
почитать Форумы. Здесь, к примеру: http://forum.ru-board.com/

Нашли. Проверяем пинги и т.д.:

more | ping -t сайт.ru   - "прозвонить" 

more | tracert сайт.ru   - "трассировка". В последней строчке - хостер сайта 



who есть кто 

http://www.nic.ru/whois/?domain=site.ru 

http://www.nic.ru/whois/?query=255.255.255.255

Примечание: основной показатель - отзывы клиентов (на форумах и т.д.)

Если устраивает - смотреть сайт хостера, тарифы, объём и к а ч е с т в о сервисов.

Слишком дорогой хостинг – накладно. Очень недорогой – вскоре, с увеличением у этого хостера числа клиентов, особенно с большим трафиком – начнутся перегрузки сервера и тормоза в работе сайта (это будет заметно по количеству перезагрузок, если смотреть статистику посещений ресурса; счётчик ставится вверху страницы).

Мониторинг хоста - Аптаймы и т.д.

UpTime за месяц: http://uptime.ru/providers.php


Статистика за месяц: http://uptime.ru/monitoring.php?search=Hoster&Submit=&sort=&from=0&limit=30&per=m

Настройки сервера

Права доступа (CHMOD)

Первая цифра задаёт права доступа для администратора (user), вторая - для группы (подключаются к серверу по FTP) и третья - для всех остальных (смотрят через броузер).

U = user; G = group; W = world (other)
r = Read; w = Write; x = Execute;

'r--' – 4 - чтение.
'-w-' – 2 - запись,
'--x' – 1 - исполнение,
'---' – 0

'rwx' соответствуют 7 (4+2+1=7),
'rw-' – 4+2=6
'r-x' – 4+1=5,
'-wx' – 2+1=3,

Пример:
755 (rwxr-xr-x) – исполнение-запись-чтение для владельца и чтение-исполнение для всех остальных. Устанавливаются "по умолчанию" при создании нового каталога.

Выставить права доступа можно через любой ftp-клиент. Быстрые клавиши для перехода в режим установки атрибутов (Set attributes): Ctrl + A

Качалки (менеджеры, ускорители закачек). Их функции:
Интеграция с браузером - перехват закачки.
Докачка - если соединение было прервано, дозвон при разрыве соединения.
Разбивка закачиваемых файлов на куски, что в разы увеличивает скорость скачивания
Возможность FTP-поиска зеркал.
Проверка файлов на обновление.
Автодозвон, подключение / отключение загрузки по расписанию.
Возможность регулировки параметров соединения.

Программы:
FlashGet.com/index_en.htm - бесплатный, полнофункциональный.
Download Master - беспл.
ReGet.com - Deluxe (профи) / Junior (только самое необходимое)

Файл .htaccess

Собственные страницы ошибок 301, 302, 401, 403, 404, 500

для обработки ошибок - добавляется соответствующая строчка в файле .htaccess
ErrorDocument 404 /errors/404.shtml

где 404.shtml - своя страница обработчика ошибки 404 (её размер должен превышать 1 килобайт, 
иначе будут грузиться стандартные страницы сообщений об ошибке), которая откроется в случае 
переходов по кривым ссылкам или неверного обращения к странице. 
Файл .htaccess с такой строчкой можно размещать в разных каталогах. 


Коды ошибок: 

100-199 - информационный, запрос клиента принят и обрабатывается
200-299 - запрос клиента обработан успешно
300-399 - запрос клиента переадресован, необходимы дальнейшие действия
400-499 - запрос клиента является неполным
500-599 - ошибки сервера


некоторые типовые: 

400 - Некорректный запрос 
401 - Требуется авторизация (Authorization Required)
403 - Доступ запрещен (Forbidde)
404 - Страница не найдена (Not Found).
500 - Ошибка в скрипте, Внутренняя ошибка сервера (Internal Server Error)
502 - перегрузки на сервере и т.д.


подробно: 

100 Continue - начальная часть запроса принята, и клиент может продолжать передачу запроса.

101 Switching Protocols - сервер выполняет требование клиента и переключает протоколы в соответствии с указанием, данным в поле заголовка Upgrade.



200 OK - запрос клиента обработан успешно, и ответ сервера содержит затребованные данные.
 


201 Created - этот код состояния используется в случае создания нового URI. 
Вместе с этим кодом результата сервер выдает заголовок Location, который содержит информацию о том, куда были помещены новые данные.

202 Accepted - запрос принят, но обрабатывается не сразу. В теле содержимого ответа сервера может быть дана дополнительная информация о данной транзакции. 
Гарантии того, что сервер в конечном итоге удовлетворит запрос, нет, даже несмотря на то, что на момент приема запрос выглядел допустимым.

203 Non-Authoritative Information - информация в заголовке содержимого взята из локальной копии или у третьей стороны, а не с исходного сервера.

204 No Content - ответ содержит код состояния и заголовок, но тело содержимого отсутствует. 
При получении этого ответа броузер не должен обновлять свой документ. 
Обработчик чувствительных областей изображений может возвращать этот код, когда пользователь щелкает на бесполезных или пустых участках изображения.

205 Reset Content - броузер должен очистить форму, используемую в данной транзакции, для дополнительных входных данных. 
Полезен для CGI-приложений, требующих ввода данных.

206 Partial Content - сервер возвращает лишь часть данных затребованного объема. Используется в ответе на запрос с указанием заголовка Range. 
Сервер должен указать диапазон, включенный в ответ, в заголовке Content-Range.


Переадресации – запрос не выполнен, необходимы дальнейшие действия клиента

300 Multiple Choices - затребованный URI обозначает более одного ресурса. 
Например, URI может обозначать документ, переведенный на несколько языков. 
В теле содержимого, возвращенном сервером, может находиться перечень более конкретных данных о том, как выбрать ресурс правильно.

301 Moved Permanently (перемещён на постоянку). 
Новое местонахождение затребованного документа указывается в заголовке Location. 
Во всех последущих запросах данного документа следует указывать новый URI.

  

302 Moved Temporarily (временно перемещён). Заголовок Location указывает на новое местонахождение. 
Сразу же после получения этого кода состояния клиент должен разрешить запрос при помощи нового URI, но во всех последующих запросах 
необходимо пользоваться старым URI. Например - при переходе через обработчик 404-й ошибки сразу на нужную страницу

303 See Other - затребованный URI можно найти по другому URI (указанному в заголовке Location). 
Его следует выбрать методом GET по данному ресурсу.

304 Not Modified - это код ответа на заголовок lf-Modified-Since, если URI не изменялся с указанной даты. 
Тело содержимого не посылается, и клиент должен использовать свою локальную копию.
Бывает если робот вышел на страницу, которая не изменилась со времени предыдущего визита

305 Use Proxy - доступ к затребованному URI должен осуществляться через proxy-сервер, указанный в заголовке Location.



Неполные запросы клиента. От клиента требуется дополнительная информация.

400 Bad Request - означает, что сервер обнаружил в запросе клиента синтаксическую ошибку.

401 Unauthorized ("Требуется авторизация") - этот код результата, передаваемый с заголовком WWW-Authenticate, показывает, 
что пославший запрос пользователь не имеет необходимых полномочий и что при повторении запроса с указанием данного URI 
пользователь должен такие полномочия предоставить.  

402 Payment Required - ?

403 Forbidden ("Доступ запрещен") - запрос отклонен по той причине, что сервер не хочет (или не имеет возможности) ответить клиенту. 

404 Not Found ("Страница не найдена") - документ по указанному URI не существует. 

405 Method Not Allowed - этот код выдается с заголовком Allow и показывает, что метод, используемый клиентом, для данного URI не поддерживается.

406 Not Acceptable - ресурс, указанный клиентом по данному URI, существует, но не в том формате, который нужен клиенту. 
Вместе с этим кодом сервер выдает заголовки Content-Language, Content-Encoding и Content-Type.

407 Proxy Authentication Required -- Proxy-сервер должен санкционировать запрос перед тем, как пересылать его. 
Используется с заголовком Proxy-Authenticate.

408 Request Time-out - этот код ответа означает, что клиент не передал полный запрос в течение некоторого установленного 
промежутка времени (который обычно задается в конфигурации сервера) и сервер разрывает сетевое соединение.

409 Conflict - данный запрос конфликтует с другим запросом или с конфигурацией сервера. 
Информацию о конфликте следует возвратить в информационной части ответа.

410 Gone - данный код показывает, что затребованный URI больше не существует и навсегда удален с сервера.

411 Length Required - сервер не примет запрос без указанного в нем заголовка Content-Length.

412 Precondition Failed - результат вычисления условия, заданного в запросе одним или несколькими заголовками if, представляет собой "ложь".

413 Request Entity Too Large - сервер не будет обрабатывать запрос, потому что его тело слишком велико.

414 Request-URI Too Long - сервер не будет обрабатывать запрос, потому что его URI слишком длинный.

415 Unsupported Media Type - сервер не будет обрабатывать запрос, потому что его тело имеет неподдерживаемый формат.



Ошибки сервера - сервер столкнулся с ошибкой и, вероятно, не сможет выполнить запрос клиента.

500 Internal Server Error - при обработке запроса на сервере один из его компонентов (например, CGI-программа) выдал аварийный отказ 
или столкнулся с ошибкой конфигурации. Может быть следствием неправильной настройки файла конфигурации (например, httpd.conf в Apache). 
Неверный синтаксис .htaccess - записан в формате Windows, вместо UNIX. 
 


501 Not Implemented - клиент запросил выполнение действия, которое сервер выполнить не может.

502 Bad Gateway - сервер (или proxy-сервер) получил недопустимые ответы другого сервера (или proxy-сервера) 
или тот разорвал соединение, не дав никакого ответа или не удалось установить соединение. 
Ошибки 502 - 504 могут быть связаны с перегрузкой сервера. Обычно, в таких случаях советуют подождать, обновить страницу - F5.  
 
503 Service Unavailable - данный код означает, что данная служба временно недоступна, но в будущем доступ к ней будет восстановлен. 
Если сервер знает, когда это произойдет, может быть также выдан заголовок Retry-After.

504 Gateway Time-out - этот ответ похож на 408 (Request Time-out) , за исключением того, 
что шлюз или уполномоченный сервер превысил лимит времени.

505 HTTP Version not supported -- сервер не поддерживает версию протокола HTTP, использованную в запросе.





Явное задание индексного файла (главной страницы) в каталоге, где размещён .htaccess:

DirectoryIndex index.php main.html


 

чтобы код PHP обрабатывался в файлах с расширением .htm (.html)
необходимо добавить в файл .htaccess следущие две строчки:
 
RemoveHandler .htm .html
AddType application/x-httpd-php .htm .html



Файл robots.txt – размещается в корневом каталоге 
Файлы .htaccess – в корневом каталоге и в подкаталогах

Статистика посещаемости сайта

При определении географии посетителя сайта – данные, получаемые с помощью
(new Date()).getTimezoneOffset(); достаточно надёжны, по сравнению с IP-таргетингом и показывают временную зону локального компьютера, а не у провайдера на сервере (актуально для посещений с мобильных устройств). Рефереры. Для декодирования поисковых запросов из utf8 в кодировку 1251 (в кириллицу):

// PHP версии 5 и выше, с библиотекой php_iconv.dll - включить раскомментировав 
// строку ;extension=php_iconv.dll в файле PHP.INI, в каталоге Windows 
$text_1251 = @iconv("UTF-8","CP1251",$text_utf8);

Широкое распространение мобильного Интернет (с телефона, USB-модемов) завышает статистику посещаемости по хостам, т.к. при очередном подключении, у посетителя - новый IP (динамический).

Сроки создания сайта

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

Порядок регистрации сайта в каталогах и поисковиках

Была применена регистрация сайта в интернет-каталогах через сервис 1PS.RU - Тариф "ПРОФИ" (самостоятельная регистрация, в любое время, с возможностью выбора каталогов по их тИЦ и PR, с учётом тематики; автозаполнение по шаблону описания и т.д.; можно в течение года регистрировать в новые подключённые к сервису 1PS.RU каталоги)

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

В каком порядке регистрируется сайт:
1. Подготовка Анкеты своего сайта, составление описаний (в дальнейшем, по ходу регистрации, их можно редактировать)

дальше – повторяемые операции

2. Выбор на 1PS.RU каталогов и рубрик, в которых надо регистрироваться

3. Размещение обратных ссылок на соответствующие страницы своего каталога.

4. Регистрация через 1PS.RU (обратки предварительно размещены в своём каталоге), с сортировкой по тИЦ и PR. В несколько приёмов.

5. Обработка Емейл с обратками каталогов – добавить в свой каталог недостающие (если их не было в 1РС при ''выборе'').

Правила:
Регистрировать сайт – утром и в первой половине дня (к вечеру сервера могут быть перегружены). Непосредственно перед регистрацией проверить работоспособность своего сайта ("мониторинг сайта" в сервисе 1PS.RU).

Начинать регистрацию сайта на тех ресурсах, у которых тИЦ=20-50. Только белых.

Через 2 месяца – регить на ресурсах у которых тИЦ=50-500

Через месяц – на сайтах с тИЦ=500-1000

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

На одной странице размещать не более тридцати ссылок, текст которых должен быть осмысленным.

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

На любом поисковике регистрировать не более одной ссылки (страницы) в день.

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

Регистрацию в сети и рекламу своего сайта можно заказать специалистам

Создание мобильных версий сайта (WAP, pda)

Для возможности просмотра сайта через сотовый телефон - создаётся его WAP-версия. Главная страница - в минимальном формате WAP1.1 (2.0 - не рекомендуется, т.к ещё в ходу мобильники, работающие только на старых версиях ВАП). На странице разместить ссылки на более "навороченные" версии сайта. Для отладки и предварительного просмотра понадобится браузер "Opera" (кодировку поставить - "Автоопределение" или "Юникод UTF-8"). IE не работает с WML-страницами.

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

AddType text/vnd.wap.wml wml 
AddType application/vnd.wap.wmlc wmlc
AddType image/vnd.wap.wbmp wbmp 
AddType audio/midi .mid .midi 

DirectoryIndex index.wml 
ErrorDocument 404 http://сайт.ru/error-404.wml

в примере - минимальный набор (вмл-странички, вбмп-картинки, миди-файлы), без скриптов

Основные теги WML:

 - перевод строки
<img src="..." alt="..."/> - графика, картинки

парные тэги:
... - параграф
 - выделение жирным шрифтом
 - подчеркивание
 - мелкий текст

символы:
  - неразрывный пробел
" - двойные кавычки
' - апостроф " ' "
< - "<"
> - ">"

Особенности:
• WML чувствителен к парности тегов и более строг к структуре кода. Спецификация и синтаксис - на офиц.сайте http://www.wapforum.org/what/technical_1_2.htm
• Верстать страничку можно в обычном Блокноте (notepad.exe), сохраняя файл в кодировке UTF-8
• Теги форматирования должны открываться-закрываться внутри параграфа ....
• Ограничения ширины: текст в строке, без переноса - до 20 символов, графика - до 100 точек (можно и шире, но тогда - в минус старые трубки).
• Для WAP 1.1 - картинки имеют формат WBMP (чёрно-белый вариант).
• Размер главной страницы - до полутора килобайт (ограничение деки на старых трубках).
• В файле .htacces указываются применяемые MIME-типы (на бесплатном хостинге, где нет возможности редактировать хтаццес - WML-сайт вряд ли будет работать).
• Для тестирования и отладки страниц нужен броузер Опера.
• Проводить тесты ВАП-сайта и на старых моделях трубок, в том числе - с ч/б-дисплеем.

Для КПК - создаётся облегчённая версия сайта. Для этого можно использовать старый HTML 4.0 или новый "XHTML Mobile". Ширина таблиц и графики - до 200-250 точек.

"Полезности"

Два способа редакции файла .htaccess (Unix - формат) в среде Windows
"перевод строки" через [ 0x0A ] (Unix - формат), вместо [ 0 x 0D 0 x 0A ] (возврат каретки и перевод на следующую строку (CR/LF) - в DOS и Windows)

1. Из ком.строки (работает и в Windows Commander)

copy con .htaccess

набор с переводом на нову строку через Alt+10 (в правой цифровой панели)
при выходе - нажать F6 и Enter
в итоге - создан .htaccess

2. В текстовом редакторе FAR – редактирование с переводом строки через Alt+10

3. В FAR - после редактирования "сохранить как" (Shift+F2) -> "Unix format"

Настройки для USB-модема

Сеть - Параметры
Наибольшая скорость - выбрать фактическую максимальную
Расширения LCP - Включено
Использовать программное сжатие данных - вкл
Согласовывать многоканальное подключение для одноканальных - отключено

Общие - Настроить - Параметры оборудования
Аппаратное управление потоком - да
Обработка ошибок модемом - ок
Сжатие данных модемом - ok

Использовать основной шлюз в удаленной сети - включ
Использовать сжатие IP-заголовков - отключ

Набираемый номер телефона: *99# или *99***1#

Установка каталога, открываемого по умолчанию в Windows XP

В Свойствах (Ярлык -> Объект) Проводника указывается нужный каталог:

%SystemRoot%\explorer.exe /e,c:\doc

Оптимизация Windows XP, Vista

Удалить из загрузки системы всё лишнее:

Установка и удаление программ 
 - Включение или отключение компонентов Винды
 - разотмеченные будут деинсталлированы