Текст книги "Создание сайтов"

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

• Бюджетный. Поскольку хостинг давно превратился в массовую услугу, провайдеры научились делать ее доступной в ценовом отношении. Если ваш бюджет невелик, вам прямая дорога к «народным» хостерам, таким как «Зенон», «Мастерхост», 1Gb.ru, HC.ru. Качество работы и доступность – самые разные. Для 70–80 % сайтов ничего сложнее и дороже заурядного бюджетного хостинга не требуется.

• Недосягаемый. Вы опасаетесь, что, располагаясь на хостинге в России, ваш сайт недостаточно защищен от внешних вмешательств (от произвола недобросовестных блюстителей порядка и т. д.), или делаете веб-проект, рассчитанный на аудиторию из других стран? Никто не мешает вам воспользоваться услугами хостера, находящегося в юрисдикции другого государства. Вариант, пока допустимый с юридической точки зрения, хотя все чаще законотворцы в РФ выступают с предложениями запретить физическое размещение российских сайтов на зарубежных площадках. Самый известный в Рунете и притом достаточно надежный иностранный хостер – Hetzner.de. Также достойны упоминания Fornex.com и IXWebHosting.com.

• Устойчивый к нагрузкам. Если вы не хотите гадать, рухнет ваш сайт или нет, если завтра его аудитория подскочит на 3 тысячи человек, то вам стоит остановиться либо на выделенном сервере у проверенного провайдера, либо на «облачном» хостинге – том же Amazon Web Services.

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

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

• PHP;

• MySQL или PostgreSQL;

• панель управления (например, cpanel).

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

При выборе тарифа позаботьтесь о наличии изрядного запаса дискового пространства. Для начала узнайте, сколько сайт весит сейчас, потом прикиньте, насколько часто и в каких объемах вы собираетесь добавлять контент, много ли текстов и изображений будут оставлять на сайте посетители. Попробуйте высчитать искомую величину с годовым горизонтом, получившееся число умножьте на полтора. Для среднего сайта на первое время хватит 512 Мбайт. У вас в перспективе будет больше одного сайта? Смотрите, сколько дополнительных доменов разрешается держать на хостинге.

Изучайте отзывы о хостинг-провайдерах на тематических порталах, таких как «Хост Обзор» и Hosting101.ru, ищите филиппики обжегшихся и похвалы довольных через Google и «Яндекс». Обращайтесь и в исследуемые компании напрямую. Попробуйте запросить у хостера информацию о его услугах не в «присутственные офисные часы», а, например, в ночь с пятницы на субботу. Таким образом, вы поймете, насколько оперативно работает контора. Служба поддержки хостинг-компании – все равно что отделение ургентной хирургии в больнице: так же как у многих людей внезапно развиваются острые формы заболеваний, требующие немедленного оперативного вмешательства, проблемы с сайтами имеют свойство возникать, с точки зрения стороннего наблюдателя, на пустом месте.

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

Вспомните, по отношению к каким популярным сайтам у вас нет нареканий с точки зрения быстродействия, и через ранее упомянутый нами сервис whois посмотрите, какими хостерами они обслуживаются.

Нередко хостер готов расщедриться на бесплатный тестовый период для потенциального клиента – не пренебрегайте таким предложением. Чтобы понять, как серверы провайдера будут справляться с нагрузкой на ваш проект, воспользуйтесь инструментами класса Loadstorm.ru и Loadimpact.ru. Также полезно еще во время «испытательного срока» поставить на сайт «Яндекс. Метрику»: помимо всего прочего, она отслеживает аптайм сервера – процент времени, в течение которого тот исправно функционирует. Эту службу можно настроить так, чтобы при перебоях на указанный вами e-mail или телефонный номер высылалось уведомление. Из коммерческих инструментов мониторинг доступности сайта неплохо обеспечивает WEBO Pulsar (http://webopulsar.ru) или Pingdom.com.

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

Справка о доменных именах: http://seopult.ru/library/Доменное_имя

«Рассылка SeoPult. Выпуск № 96: покупка домена second-hand: http://seopult.ru/subscribe.html?id=99

Портал Hosting101: http://hosting101.ru

Портал «Хост Обзор»: http://www.hostobzor.ru

«Правила регистрации доменных имен в доменах. ru и рф»: http://www.cctld.ru/ru/docs/rules.php

Практические советы по выбору облачного провайдера: http://habrahabr.ru/company/croc/blog/176803/

Глава 8. SEO-friendly: дай себя найти

За редчайшим исключением для интернет-площадок одним из главных источников аудитории остаются поисковые системы. От того, насколько высоко и стабильно положение сайта в их выдаче, зависит, каким будет приток посетителей на его страницы. Год за годом у поисковиков эволюционируют критерии «нормального ресурса». Ничего экстраординарного ни «Яндекс», ни Google от веб-мастеров не требуют – лишь следовать своеобразному, притом рационально оправданному этикету, опорой которого служит, в общем-то, здравый смысл. Удивительно, но сегодня в большинстве случаев то, что хорошо для поискового робота (он же бот, он же паук), будет хорошо и для посетителя. В ваших силах сделать так, чтобы роботы не смотрели на ваш сайт, как солдат на вошь, и без сучка, без задоринки заносили его в свой индекс.

Часто под SEO (от англ. search engine optimisation – «поисковая оптимизация») подразумевают исключительно закупку ссылок и вытеснение конкурентов из топ-5 ли, топ-10 ли результатов поиска. Это ошибка: да, за места биться приходится, но без подобающей подготовки, без работы над внутренними факторами сайта все атаки и марш-броски пропадут втуне. Своевременный подвоз фуража, продуманная система окопов и дзотов, тщательная экипировка армии значат не меньше, чем способность бросить полки в неистовую штыковую атаку, и сокращают потери на поле боя (в нашем случае – берегут человеко-часы и финансы).

Мы не будем рассматривать все предбоевые SEO-маневры – остановимся на базовых, а тонкости «поисковой фортификации» проще всего разведать, побродив по ссылкам из блока «Полезно знать».

В наших инструкциях нет ничего заумного, проштудировать нижеприведенные рекомендации вам будет полезно, и впоследствии они наверняка послужат вам подспорьем в «мясомолочном» разведении интернет-проектов, но мы решительно за разделение труда. Так что советуем вам после прочтения показать эту главу (и ряд последующих) вашему техническому специалисту. Заменить прокладку водопроводного крана по силам каждому. Поставить новый смеситель – задача менее тривиальная. А вот разводку коммуникаций лучше доверить кандидатам сантехнических наук.

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

Обратите внимание

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

Для того чтобы разобраться с тем, что ищут люди в вашей тематике, имеет смысл использовать статистику поисковых запросов Yandex Wordstat (рис. 15, http://wordstat.yandex.ru) и Google Keyword Tool (https://adwords.google.com/select/KeywordToolExternal), а также сервис Key Collector (http://www.key-collector.ru).

^{Рис. 15. Сервис Yandex Wordstat показывает нам, что еще искали люди, которые интересовались перфораторами Bosch. Полезные данные для интернет-магазина стройинструмента}

В свою очередь, для анализа сайтов конкурентов по ключевым словам подходит прекрасно известный на Западе – да и у нас в профессиональной среде – SEMRush (http://www.semrush.com). Кроме того, бывает, что у сайтов, интересующих вас, открыта статистика по поисковым запросам и все слова как на ладони, хотя подобное встречается все реже.

Конечно, составление семантического ядра, подбор ключевиков и их продвижение – это обширнейшая SEO-дисциплина, и втиснуть ликбез по ней даже в одну большую главу было бы высочайшим достижением словесной йоги, поэтому рекомендуем вам проштудировать рассылку SeoPult (http://seopult.ru/subscribe.html), а самым въедливым – вдобавок прочесть книгу «Раскрутка. Секреты эффективного продвижения сайтов», где эта тема затрагивается не по касательной: http://www.ozon.ru/context/detail/id/19970928/.

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

• Навигация должна работать без сбоев, даже если в браузере у посетителя отключена поддержка технологий JavaScript и AJAX. Ссылки на разделы делайте по возможности текстовыми – через CSS: по линку, завязанному на изображение, поисковый робот пройдет, но будет сбит с панталыку и испытает трудности с пониманием структуры сайта.

• С распознаванием Flash у ботов также до сих пор не все ладится, поэтому постарайтесь, чтобы контент, который должен быть непременно проиндексирован поисковиками, не находился в модулях с Flash.

• Выносите CSS-элементы (в обиходе «стили») и исполняемый код JavaScript в отдельные файлы. Так и роботу понятнее, и сайт будет шустрее.

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

• Используйте «хлебные крошки» (англ. bread crumbs) – навигационные цепочки. Как часто бывает, таким образом вы упрощаете жизнь как посетителю, наглядно показывая его путь по сайту и текущую дислокацию, так и поисковым роботам.

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

• Без карты сайта обойтись можно, что, впрочем, не умнее, чем совершать восхождение на Эверест со снаряжением XIX века. По факту это файл sitemap.xml, который находится на веб-сервере и содержит URL всех страниц сайта. Он указывает поисковым роботам, какие страницы надлежит проиндексировать. Боты и без такой помощи стараются обойти все закоулки сайта, но предпочтительно, чтобы у них не осталось шанса упустить что-либо. Для автоматической генерации карты сайта – можно составить ее хоть в «Блокноте», но зачем? – подходит онлайн-сервис XML-Sitemaps (http://www.xml-sitemaps.com).

Обратите внимание

Путь к карте сайта нужно прописать в файле robots.txt посредством директивы Sitemap: http://yoursite.ru/sitemap.xml, а кроме того, не будет лишним указать роботам на него в кабинете «Яндекс. Вебмастер» и Google Webmaster Tools (кстати, непременно зарегистрируйте сайт в обеих панелях, в том числе чтобы отслеживать видимость сайта в поисковиках).

• Правильная внутренняя перелинковка – насущная необходимость. Если она действительно правильная:

• вес по страницам сайта распределяется более выгодно (поисковые системы начинают выше котировать те из них, на которые вы таким образом сдвинули фокус), что улучшает их ранжирование по нужным вам запросам;

• упрощается навигация по сайту, улучшается юзабилити (простейший пример: пройдя по ссылке из рекомендательного блока «С этим товаром также покупали…», посетитель интернет-магазина с ненулевой степенью вероятности положит себе в «Корзину» еще одну-две вещицы; рис. 16 и 17).

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

• Нужно, чтобы URL сайта были, как говорят специалисты по SEO, «человекопонятными» и сравнительно короткими. По адресу страницы должна быть ясна степень ее вложенности, место в структуре каталогов и категорийная принадлежность. Убить двух зайцев одним выстрелом помогает использование в URL ключевых слов – и с точки зрения продвижения это плюс, и нагляднее.

^{Рис. 16. Товарная карточка планшета Sony Xperia в интернет-магазине «Юлмарт. ру»…}

^{Рис. 17.…и блок рекомендованных товаров сразу под описанием устройства. Ссылки пронизывают весь сайт, работая одновременно на продажи и на SEO-цели}

• Страницы сайта должны стабильно загружаться не более чем за 3–5 секунд. Его «расторопность» удобно проверять с помощью штатного инструмента Google (https://developers.google.com/speed/pagespeed/insights), PR-CY.ru (http://www.pr-cy.ru/speed_test) или Pingdom (http://tools.pingdom.com/).

Обратите внимание

Неплохо, чтобы в конце ссылок, ведущих на каталоги, повсеместно ставился слэш. То бишь не http://www.site.ru/tovarchiki, а http://www.site.ru/tovarchiki/. Мелочь, но таким образом браузеру сразу ясно, что «пункт назначения» – именно каталог, и он не делает дополнительного запроса. Из таких нюансов и складывается быстродействие.

• Каким бы гением ни был программист, а проверить HTML-код сайта на валидность не помешает: http://validator.w3.org. И чем меньше замусорен код, тем лучше.

• Необходимо убедиться, адекватно ли выглядит дизайн сайта и правильно ли осуществляется взаимодействие с ним в различных браузерах, а точнее в различных версиях различных браузеров. Удобный инструмент: BrowserShots.org (http://browsershots.org).

• Если перефразировать известный мем, «ваши дубли огорчают “Яндекс”». Да и не только его. Дубли – это повторяющийся (частично или полностью) в пределах сайта контент. Вольное или невольное самоповторение гарантированно ухудшает ранжирование ресурса. В целях борьбы с этим злом следует в числе прочего:

• выбрать основное зеркало сайта (с префиксом www или без него) и указать его в кабинете веб-мастера;

• проверить, не создает ли ваша CMS страниц с идентификаторами пользовательской сессии (выглядит приблизительно как &session_id= в конце URL в адресной строке браузера), поскольку таким образом поисковый робот может проиндексировать страницу как по ее обычному адресу, так и по тому «сессионному», по которому он на нее вышел;

• посмотреть, имеет ли место чрезвычайно часто встречающийся дубль главной страницы по адресу http://www.site.ru/index.php;

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

Чтобы обнаружить дубли, используйте инструмент «Анализ контента сайта» с PR-CY.ru: http://www.cy-pr.com/tools/analyzer/. Технические дубли закрывайте через настройки (если дело сложнее, веб-мастер бывает, например, вынужден хитрыми манипуляциями укрощать CMS), а вот оказавшийся плагиатом контент подлежит замене на уникальный.

• Необходимо, чтобы на каждый документ сайта можно было попасть по обычной HMTL-ссылке, чтобы на нем не было оторванных ото всего и вся страниц.

• Файл robot.txt, во-первых, должен в принципе существовать, а во-вторых, подлежит вдумчивому редактированию. В нем указывается, что на сайте индексировать, а что нет. Служебную информацию, включая результаты внутреннего поиска, серверные логи и административную панель, конечно же, надо закрыть от ботов.

• На сайте должен быть полный порядок с серверными заголовками. Так, несуществующим страницам полагается отдавать браузеру ошибку 404, с устаревших версий страниц на новые должен вести редирект 301. Нужно, чтобы страница 404 была вписана в дизайн сайта и предлагала посетителю способы разобраться с ситуацией (перепрыгнуть на титульную, зайти на карту сайта и т. д.). На открытие продвигаемой страницы сайта сервер в норме дает ответ вида 2xx – обычно 200 OK.

• Нет спаму и вирусам! Прежде чем отдавать сайт на индексацию поисковикам, убедитесь в том, что он чист. Веб вам в помощь: Dr. Web (http://vms.drweb.com/online/), Virustotal (https://www.virustotal.com/).

Небольшая ремарка о системах управления контентом. Имейте в виду, что среди тиражных CMS едва ли найдется хоть одна безукоризненная с точки зрения SEO. Так или иначе, готовый движок со стороны придется «подкручивать» ради полного взаимопонимания с поисковиками, вопрос лишь, насколько трудоемкой будет подгонка. Существуют проблемы, характерные для многих таких систем: например, сквозной текстовый блок в разделе каталога может индексироваться на каждой его странице, образуя частичные дубли, а следовательно, при сличении контент на них почти наверняка будет признан поисковиком неуникальным.

• Теги заголовков title должны быть уникальными (иначе есть риск «склейки» страниц с совпадающими тайтлами, что мешает продвижению), их длина не должна превышать 70 символов, а кроме того, необходимо, чтобы они содержали ключевые для своей страницы слова. Кликабельность и внятность – еще два обязательных свойства title, иначе не поможет и попадание сайта в топы топов: мало кто решится заглянуть на площадку с косноязычным описанием и неинформативным заголовком. Однако перенасыщать ключевиками теги заголовков нельзя, равно как и любые другие текстовые материалы на сайте: эти методы давно работают не в плюс, а в минус.

• Автогенерация содержимого тегов title – функция полезная, она встроена во многие движки, но удручающе часто результат автозаполнения тега оказывается непригодным для эффективного продвижения. Часто вручную надежнее. Ну а уж проверять плоды автогенерации нужно вне всякого сомнения.

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

• Метатеги – емкие, с ключевыми словами, под которые оптимизированы страницы. Наиболее приемлемая длина метатега description – до 130 символов (важно, чтобы он был законченным, чтобы текст в нем не обрывался, «потому что не влезло»). Самые важные ключевые запросы лучше писать в начале тега. Дело в том, что если description заполнен удачно с точки зрения поисковика, то его содержимое используется при формировании сниппета – маленького блока, репрезентирующего сайт, на странице с результатами поиска.

Обратите внимание

Содержимое у метатега description и тега title не должно совпадать.

• Не пренебрегайте микроразметкой данных. Читайте разделы помощи «Яндекса» и Google, а также Schema.org.

• Начинаем сеанс аутотренинга: «Тексты на моем сайте оригинальные и хорошо структурированные…» С разбивкой по абзацам, с простановкой ссылок, с использованием заголовков и тегов выделения, с правильно оформленными списками. А главное, контент должен отвечать ожиданиям целевой аудитории и быть релевантным тем запросам, по которым люди зашли к вам.

• Желательно, чтобы на одну страницу с текстом приходилось не менее 1,5–2 тысячи символов. По другим рекомендациям – от 250 слов.

• Картинкам полагается атрибут alt: если изображение почему-либо недоступно, робот пробует определить его характер в том числе по ключевым словам в соответствующем теге. Сами графические файлы должны носить понятные посетителю – и роботу – названия.

«Рассылка SeoPult № 11: подготовка сайта к продвижению, технические параметры»: http://seopult.ru/subscribe.html?id=11

«Рассылка SeoPult № 110: оптимизация содержимого тегов title, description, keywords»: http://seopult.ru/subscribe.html?id=115

«Яндекс. Вебмастер», справка в разделе «Создание сайта»: http://help.yandex.ru/webmaster/?id=1108938

«SEO-чеклист»: http://www.seochecklist.ru

Как создать карту сайта (sitemap.xml): http://aweb.ua/seo-blog/sitemap-xml/

Как создать идеальную SEO-версию страницы для печати (блок Сергея Кокшарова): http://devaka.ru/articles/seo-print-version

«Расширенные описания веб-страниц (микроданные, микроформаты, RDFa и Маркер)» для оптимизации под Google: https://support.google.com/webmasters/answer/99170?hl=ru

«Что такое микроформаты»: http://help.yandex.ru/webmaster/?id=1111670

Web Developer Toolbar: http://webdevelopertoolbar.toolbar.fm

Xenu’s Link Sleuth: http://home.snafu.de/tilman/xenulink.html

Site Auditor: http://www.site-auditor.ru