Дополнительные файлы для сайта

Различные нужные и полезные файлы

Простейший сайт будет состоять из ряда .html, .gif и .jpg файлов. Собственно веб страницы в .htm (или .html – разницы нет никакой), баннеры и графические элементы дизайна – в .gif и .jpg (рекомендую использовать оба формата, стараясь добиться оптимального качества изображения при минимуме объема, помните о посетителях, да и поисковики тоже любят оптимизацию. Так .jpg лучше для сложных рисунков и фотографий, для изображений с небольшим количеством цветов и текстовых лучше .gif, также можно использовать .png).

Для удобства вебмастера и с целью уменьшения размера страниц настоятельно рекомендуется использовать CSS (Cascading Style Sheets) файлы. Обычно используется один подобный файл на весь сайт – в нём задается внешний вид всех используемых на сайте элементов: шрифты, ссылки, списки, оформление картинок и таблиц и т.д. Например, я использую различные шрифты для основного текста, текста таблиц и заголовков, рекламных ссылок и т.д. Все эти несколько видов шрифтов и ссылок у меня зафиксированы в файле style.css, вместо того, чтобы использовать тэг font и задавать цвет, размер, жирность и т.д., просто выбирается название одного из стилей и текст принимает заданный вид. Работать с CSS файлом я предпочитаю в NotePadе, просто вручную набирать текст. Сохраните на диск любую веб-страницу, и вы увидите, как прописывается .css файл в коде страницы, и как выглядит он сам. В современном адаптивном дизайне без CSS вообще никак, всё делается на его основе также с добавлением ява-скриптов (файлы .js).

Файл «robots.txt» тоже создается в простейшем текстовом редакторе и затем выкладывается в корневом каталоге сайта. Обычно этот файл состоит из нескольких строк, которые говорят поисковым паукам, как именно индексировать ваш сайт. Чаще всего в нем содержится информация о страницах, которые вы бы хотели запретить для индексирования (например, страницы скриптов, редиректы, страницы с личной или служебной информацией). Любой официальный поисковый бот, зайдя на сайт, обычно первым делом смотрит этот файл (а если не находит, то у вас будет генерироваться ошибка). Поисковики обычно следуют рекомендациям этого файла, хотя, увы, твердых гарантий, что запрещенная вами страница никогда не появится в индексе, нет. Рекомендую создать такой файл, чтобы не обижать поисковых паучков, как минимум это облегчит индексацию сайта. В свете нынешних блокировок в рунете у файла robots.txt есть ещё одна функция - указание для Яндекса адреса основного сайта, чтобы отличить его от зеркал. Строку с адресом сайта надо будет менять при переезде на незаблокированный домен.

Сейчас также становится популярным создание карты сайта для поисковых ботов. Карта представляет собой .xml файл, обычно sitemap.xml, в котором указаны все страницы сайта для индексирования. Если сайт у вас не очень большой, то карту до 500 страниц можно сделать бесплатно через онлайн сервисы, например, sitemapdoc.com (есть ещё несколько аналогичных). Карта будет требовать периодического обновления, она выкладывается в корне и в файле robots.txt прописывается путь к ней. Если у вас сайт на WordPress или другой CMS, просто установите плагин генератор SiteMap, их также немало.

Если ваш хостер использует сервер под управлением Unix или аналогичной не-Windows системы, то в качестве веб-сервера скорее всего будет стоять Apache (это верно для >90% хостеров). Вы имеете возможность задать дополнительные настройки сервера, используя файл «.htaccess» (внутри кавычек - полное имя файла, начинается с точки). Он позволяет запаролить доступ к определенным файлам или каталогам (необходим будет еще файл .htpasswords c разрешенными логинами и паролями), установить редирект (посетитель будет автоматически переводиться на другую страницу или другой сайт, что вам придётся делать в рунете из-за блокировок), задать страницы ошибок (обычно делают страницу для ошибки 404 - страница не найдена), определить кодировку страниц, указать, какие файлы как обрабатывать (например, файлы .htm можно обрабатывать как PHP), выдавать разные страницы посетителям с разными IP и т.д. У многих хостеров создание .htaccess можно инициировать через панель, которая позволяет задать некоторые из функций файла (обычно это паролирование и страницы ошибок).

Последний файл, о котором хочется рассказать – графический. Вы можете создать иконку для своего сайта. Эта иконка отображается некоторыми браузерами в строке с адресом сайта, а также используется при внесении сайта в «Избранное». Это обычная иконка размером 16х16 или 32х32 или коллекция иконок разного разрешения, с названием «favicon.ico», должна лежать в корневом каталоге сайта. Найти себе симпатичную иконку можно в какой-нибудь библиотеке иконок или просто «позаимствовать» у какой-нибудь программы/сайта. При желании также можете добавить иконки для поклонников iPhone/iPad - файл apple-touch-icon.png с разрешением от 57х57 до 152х152.

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