Правильный SEO дизайн сайта
Всем начинаю вебмастерам обязательно к прочтению, дабы не натворить глупостей по незнанию и не потерять добрую тысячу поискового трафика измеряемого в пришедших на сайт юзерах. Прошу к изучению...
Святой грааль - так называют в вебмастерской среде SEO разметку веб-страничек состыкованную с правильным дизайном в глазах обезьяны по имени человек. Так уж повелось, что современные поисковики отдают гораздо больший респект страничкам, внутренности которых правильно сложены меж собой. Последовательность следования такая: первым красуется заголовок, дальше контент, потом всякая навигация, ссылки, реклама и тому подобная лабуда. А как в реальности? Всё с точностью да наоборот. В самом верху мы как обычно размещаем всякую рекламу, ссылки и навигацию. Ну и в самом низу странички отводим место для контента. И, конечно же, чтобы вся эта неправильно уложенная ерунда не вывалилась через зад, затыкаем задницу сайта всякими счётчиками и считалками рейтингов. Пришёл поисковик на такой сайт и больше заглядывать к вам в гости у него никакого желания не возникнет и не даст он вам никакого трафика. Дело как раз в том, что искалке до фени как красиво и прикольно выглядит сайт снаружи. Эти роботы рассматривают не дизайн, а внутренности.
Игры обезьяны с таблицами тоже к хорошему не приведут. А как же сотворить трёхколоночный дизайн без таблиц? Если за дело берётся мастер, то, как ни странно всё получается. И этот самый очень популярный трехколоночный дизайн получается и без таблиц. Возьмите за правило следующее высказывание: творение шаблона для сайта на основе таблиц крайне не допустимо. Для этого есть и другие правильные решения.
Есть такие неправильные движки для сайтов. Они как раз используют табличные шаблоны. Один из них PHPNuke. Очень популярен у новоиспечённых, но ещё не прожаренных вебмастеров. Лучше уж пользоваться движком какого-нибудь блога. Пусть он будет в сто раз менее функциональным и не накачанным всякими ненужными примочками, но он будет правильным в глазах робота поисковой машины.
Практическую часть мы начнём как раз с трёхколоночного дизайна в стиле Святой грааль. Создадим шаблон сайта адаптированный под поисковые системы. А те в свою очередь отломят сайту кусок SEO трафика.
Существует в природе так называемый дивовый дизайн. Дивовый потому, что для разметки html-странички в рамках SEO используются слои. Слои же выводятся на страничку с помощью тегов <div>контент</div>.
Ниже приведён код странички с использованием дивового дизайна. Создайте файл html, скопируйте в него этот код и посмотрите, что получилось.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Дивовый дизайн</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="all">
<div class="header">
Header - верхний блок странички
</div>
<div class="center">
Center - центральный блок. Здесь выводится основной контент
</div>
<div class="left">
Left - левая колонки. Навигация
</div>
<div class="right">
Right - правая колонка. Реклама
</div>
<div class="footer">
Footer - низ. Здесь обычно копирайт
</div>
</div>
</body>
</html>
Пока ничего впечатляющего вы не увидели. Естественно слоистый файл ещё не приведён к трёхколоночному дизайну и не наделён всякими красивостями и блестючестями. Но зато есть другое. Страничка уже адаптирована SEO. Теперь мы можем придать ей какой угодно наружный вид. Этот процесс нисколько не попортит SEO адаптацию. Внешний дизайн прописывается в отдельном файле. Называется вся эта крутизна CSS стиль. Создайте в той же папке файл style.css и поместите в него следующий код.
.all {
width:900px;
border:1px solid #666666;
margin:auto;
padding:5px 5px 5px 5px;
text-align:center;
}
.header {
border:1px solid #666666;
margin: 0 0 5px 0;
padding:5px 5px 5px 5px;
}
.center {
width:480px;
min-height:600px;
border:1px solid #666666;
margin:0 0 0 210px;
position:inherit;
float:left;
}
.left {
min-height:600px;
border:1px solid #666666;
margin: 0 0 5px -692px;
width:200px;
float:left;
}
.right {
min-height:600px;
border:1px solid #666666;
margin: 0 0 5px 0;
width:200px;
float:right;
}
.footer {
border:1px solid #666666;
clear:both;
padding:5px 5px 5px 5px;
}
Получился трёхколоночный шаблон дизайна странички с идеальным SEO дизайном. Именно такую страничку поисковики ценят более других.
Про CSS стили очень много написано. Ищите в Google.com. Про элементарный html консультаций не даю. Комментарии приветствуются...
Чёрная сторона экспресс-доставки сайта в яндекс.
Этот пост начинаю без всяких расплывчатых и долгих рассуждения и медленных поползновений к истинной сути.
Причиной написания данного поста послужил поставленный эксперимент. Эксперимент тоже родился не просто так. Причина оного – пост на сайте Мастера Ласто. Для очень любознательных даю направление для изучения: http://lasto.com/blog/post_1186228353.html
Итак, в вышеупомянутом посте как раз рассказывается о том, как в очень короткие сроки загнать сайт в базу яндекса. Этот срок ограничивается всего двумя днями. Оказывается всё, что нужно для безоблачного счастья, это RSS лента. Добавляем эту ленту в формочку на сайте яндекса в разделе блогов. Ждём немножко (12 часов достаточно). Идём и добавляем сайт в аддурлку яндекса. Опять ждем немного. Смотрим статистику в логах и радуемся. Проверяем проиндексированность страничек в яндексе и радуемся ещё больше – сайт уже появился в индексе этой искалки.
Я насмелился поставить эксперимент. Создал сайт, постоянно наполняемый контентом. Сайтик был с одной небольшой фишечкой. Так сказать небольшим грешком. Грешок этот распространяется на великое множество сайтов и сущность его проявляется в том, что контент сайта ну нисколько не пахнет уникальностью. Раз в сутки этот контент брался с RSS ленты самого гугла. Добавлялся на сайт и вылезал в RSS ленте грешного сайта.
Само слово блог трактуется яндексом как сайт, в котором должен быть уникальный контент. Эксперимент поставлен был специально, дабы проверить проглотит ли яндекс сайт с грешным, но очень тематическим контентом и примет ли он его в свой раздел блогов. Как выяснилось, принял. Сайт появился в выдаче уже через 24 часа. Через неделю сайт приносил почти сотню посетителей с этой искалки. Шла вторая неделя. Новые странички появлялись в выдаче спустя несколько часов после их появления. Никаких апдейтов ждать не приходилось. Это означало только одно – на сайт ходит так называемый быстробот. Попав в кэш быстробота можно очень быстро и с треском вылететь из него. Так вот, на третью неделю сайт просто выпал из базы яндекса.
Для сайта выпадение из базы это нечто страшное и практически не поддающееся излечению. Подопытный кролик как раз выпал из базы за свои грешки.
Проверено было и другое. Другой подопытный кролик, абсолютно также тыривший контент с новостной ленты гугла был добавлен в яндекс посредством обычной аддурлки. Ну и ради быстрого заманивания бота была куплена всего одна ссылка с жирной морды сайта, попадавшего под тему нашего кролика. Что с этого пришлось: сайт довольно долго ждал бота яндекса. Если память не изменяет – 7 дней. Бот пришёл, покопался немного и свалил. Следующей ночью опять пришёл, полез вглубь сайта. И так каждую ночь, всё больше и больше кушал страничек. Через три недельки появилась морда сайта в базе яндекса, а после очередного апа вывалилось 900 страниц. После следующего апдейта ещё 1500. Сайт живёт и процветает. Странички появляются в базе яндекса. Ну а искалка даёт поисковый трафик.
Делаем вывод. Если не нужен эффект быстрого добавления страничек в индекс искалки под названием яндекс, а потом такого же быстрого вылетания из базы не зовите быстробота ибо его пути более неисповедимы чем пути господни.
Терпение мой друг терпение. Первый кролик ещё жив. Контентом наполняется, и кушать этот контент приходит бот яндекса. Бот всё тот же – быстро-шустрый бот. Время должно показать судьбу кролика. Умрёт ли кролик в одиночестве или яндекс вновь примет его в свой кэш и будет поисковый трафик. Набираюсь терпения и жду пяти следующих апдейтов...
Продолжение этого поста обязательно опубликуется, когда будет известна судьба кролика.
Делимся опытом в комментариях...