10 вещей для правильного старта (инструменты в подарок)

[files 2649]

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

В своем беглом обзоре для вебмастеров и SEO-оптимизаторов (в особенности для начинающих), я хочу упомянуть базовые факторы, обратить внимание на некоторые специфические нюансы при создании сайта, посоветовать конкретные инструменты и дать рекомендации для успешного старта сайта!

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

Представьтесь поисковым системам

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

Привожу ссылки на кабинеты вебмастера в популярных поисковых системах:

• Панель вебмастера Яндекс
• Панель вебмастера Google
• Панель вебмастера Bing
• Кабинет вебмастера Mail

Логотип

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

Позаботьтесь, чтобы у Вашего сайта был уникальный, лаконичный и несущий скрытый смысл логотип. Всячески популяризируйте этот логотип: поместите его на сайте в шапку, нанесите "водяной знак" (watermark) на фотографии, поместите в форме письма, в favicon, создайте логотип для разных типов устройств, с которых может просматриваться Ваш сайт.

Ваш логотип - это бренд Вашего сайта. Всячески популяризируя и продвигая Ваш логотип, вскоре этот бренд будет работать на Вас.

Инструменты
Из онлайн-инструментов для работы Вам могут понадобится:

• Cooltext - инструмент для создания графического логотипа
• Logaster - логотипы с применение текста и графики
• Pixlr -  мощный графический редактор онлайн
• Icon Generator — создает favicon из фотографии
• Faviconist — создает favicon с использованием текста
• Faviconit — создает иконки для сайта, иконки Apple Touch и код HTML код для всех типов устройств

Коммуникация

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

Позаботьтесь, чтобы  на Вашем сайте были контактные данные, формы обратной связи, онлайн-консультанты, карты с указанием маршрутов, максимум контактной информации (телефоны, skype, ICQ). Эта информация должна быть на каждой странице (в шапке или футере), можно продублировать ее на отдельной странице ("О нас", "Обратная связь", "Контакты"...)

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

Инструменты
Из онлайн-инструментов для коммуникаций Вам могут понадобится:

• gravitel.ru комплекс коммуникаций для сайта
• jivosite.ru онлайн-консультант на сайт
• UpToCall.com - виджет обратного звонка с сайта
• Карты для сайта - конструктор карт от Яндекса

Навигация

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

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

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

На сайте также рекомендуется html карта (страница со ссылками на все материалы Вашего сайта), либо Sitemaps, особенно, если у Вас сложная структура сайта, плохая перелинковка и много контента.

Инструменты

• Валидатор Sitemap от Яндекса — валидатор поможет проверить корректность файлов Sitemap с точки зрения Яндекса
• SiteMap XML Validator — валидатор Sitemap с извещением в Google
• XML sitemap generator — генерирует sitemap для сайта (до 2000 страниц)
• HTML Sitemap Generator - генерация html карты сайта

Микроразметка данных

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

Популярными языками микроразметки являются Open Graph и Schema.org. Найдите время изучить их спецификацию и внедрить на своем сайте.

Инструменты

• Валидатор микроразметки Яндекса — валидатор микроразметки от Яндекса
• Валидатор микроразметки Google — проверка структурированных данных от Google

Скорость

 
Ваш сайт должен быть быстрым! Удалите из него весь лишний HTML код, оптимизируйте CSS, графику и JS-скрипты, кешируйте данные...

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

Каждая лишняя секунда в загрузке Вашего сайта автоматически отсекает контингент потенциальной аудитории.

Инструменты

• PageSpeed Insights - проверка и рекомендации по оптимизации скорости загрузки от Google
• webpagetest.org — сервис проверки производительности ресурсов сайта
• tools.pingdom.com — сервис проверки скорости загрузки, отображает информацию по времени ответа сервера, скорости загрузки html, скриптов и картинок.
• gtmetrix.com - сервис проверки оптимизации сайта с детализированной статистикой

Мобильность

 

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

Инструменты
Нам могут понадобится:

• Screenfly — сервис проверки адаптивности шаблона сайта (просмотр в разных разрешениях)
• Mobile friendly от Google — проверка удобства просмотра на мобильных устройствах
• W3C mobileOK Checker — доступность сайта для мобильных устройств с определением проблем
• Responsivepx — просмотр сайта с ручной регулировкой разрешения экрана
• Plastilin5 — тест сайта на маленьких экранах
• Ipadpeek — просмотр сайта на симуляторе iPad
• A Better Emulator — тест сайта на симуляторе Android
• MobiReady — тест сайта на разных устройствах

Валидация

Работу сайта обеспечивают различные программные узлы и множество строк кода на различных языках. Зачастую, принято считать, что если сайт беспрепятственно загружается в браузере, то программа не содержит ошибок. Между тем, один браузер может игнорировать ошибки, а второй от этой ошибки аварийно закрываться. Теряются посетители, сайт становится недоступным для отдельных категорий пользователей интернета и т.д. Процесс вебмастера по валидации и верификации кода связан с проверкой качества программного кода, обеспечивающего правильный запуск и стабильную работу сайта.
 
 

Вебмастер, помни: оптимизируя сайт для людей, не забывай о роботах!

Инструменты
Для проверки валидации программного кода сайта нам могут понадобится:

• CSS Validation Service — сервис проверки CSS от W3C
• Markup Validation Service — сервис проверки HTML от W3C
• Feed Validation Service — сервис проверки RSS от W3C
• Валидаторы — сервис проверки HTML, XHTML, XML, WML, CSS, RSS и Atom
• hcard.geekhood.net — hCard валидатор.
• RDF/XML валидатор — валидатор микроразметки Good Relations
• Robots.txt Checker — проверка и валидация Robots.txt

Наполнение

 

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

Авторство
Весь текст на Вашем сайте должен быть уникальным и авторским! Каждый абзац, каждое словосочетание... Даже если у Вас узкая тематика и не предполагает большой аудитории, если текстовое содержание Вашего сайта уникально, оно вскоре начнет давать Вам посетителей из поисковых систем. Если Вы вынуждены кого-то цитировать, не забывайте заключать текст в тег:

<blockquote>...</blockquote>

со ссылкой на источник. Не бойтесь ставить прямые ссылки на другие сайты. Если сайт, на который вы ссылаетесь, является прямым автором фрагмента, который Вы цитируете, всегда ставьте прямую индексируемую ссылку!

Правописание
Кроме уникальности, не забывайте о правописании! В Ваш браузер встроены системы проверки правописания (ошибочные слова подчеркиваются прямо в редакторе), а также существуют онлайн-инструменты по проверке правописания. Чем меньше ошибок на Вашем сайте, тем больше доверия к Вашему тексту!

Оформление
Текст должен быть оформлен с применением тегов h1, h2... strong, содержать списки, сноски, цитаты, иллюстрации, содержать дату публикации, автора, тематическую принадлежность. Не забывайте о микроразметке. Если основной контент Вашего сайта статьи - Вам подойдет разметка Article от schema.org

Инструменты
Инструменты-анализаторы, которые Вам пригодятся при работе с текстами:

• pr-cy.ru — анализатор контента (подсчет количества вхождений, «вес», «плотность», «релевантность»)
• seolib.ru — анализ контента сайтов из топ-10 поисковых систем по выбранному запросу
• Rush Analytics - подбор ключевых слов и составление семантического ядра
• tekto.biz — сервис для расчёта тошноты страницы, показывает количество вхождений для title, body (h1, strong)
• advego.ru — сервис семантического анализа текста - показывает классическую и академическую тошноту, количество стоп-слов и «воды», количество символов и грамматических ошибок
• text.miratools.ru — оценка тошноты
• promolab.ru/free — анализ страницы (анализируется основной контент, meta данные), выводится количество вхождений, а также степень релевантности title содержимому страницы
• seowebtools.ru/acontent — анализ «значимых» слов на странице, количества вхождений
• antiplagiat.ru — сервис для проверки на плагиат
• webmaster.yandex.ru — постраничная проверка орфографии
• orfogrammka.ru — сервис проверки орфографии, грамматики, пунктуации и стилистики
• Оригинальные тексты - предупредите Яндекс о скором выходе Вашего текста

Анонсирование

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

• настройте извещение ПС через ping сервера (ping.feedburner.com, ping.blogs.yandex.ru/RPC2, blogsearch.google.ru/ping/RPC2 и т.д.);
• Создайте группы сайта в социальных сетях и настройте автоматический импорт анонсов;
• Разместите Вашу RSS ленту в специальных RSS-каталогах
• Предложите посетителям Вашего сайта подписку на анонсы

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

Инструменты
Из онлайн-инструментов Вы можете использовать:

• FeedBurner - подписка на новости посредством E-mail
• Smartresponder.ru — cервис почтовых рассылок
• RSS10 - регистрация RSS сайта в RSS каталогах
• Twitterfeed — автопубликация анонсов из RSS сайта в социальные сети

Резюме
Собственно, все сказано. Кое-кто это давно уже реализовал на своем сайте, кто-то сомневается в необходимости реализации всех или отдельных пунктов, а кто-то сделал, но с точностью, да наоборот. Я буду рад, если кто-то найдет в моих словах ответы на допущенные ошибки в продвижении своих сайтов или инструкцию к действию!

Комментарии, здоровая критика и оценки приветствуются!

[webostrov 2531]

Абалдеть! 

Без преувеличения, ничего более полезного, краткого, емкого и внятного я еще не читал! 

[Machez 39]

Отличный мануал. Четко, емко и по делу.

[Воланд 4994]

Кажется я знаю одного из возможных победителей Отличный мануал

[asd43 109]

Легко читается, полезно, с удовольствием утонул в тексте и вернулся.

[rjavii 87]

Спасибо огромное! В избранном.

[Александр74 26]

Мельком пробежал по манулу  не чего не понел. Буду перечитывать много полезного  и главное много ссылок на сервисы которые мне будут полезны.

За манул спасибо.

[Griffin 306]

Вообще супер!! Благодарю за полезную информацию!

[valentino 60]

 

Инструменты

Для проверки валидации программного кода сайта нам могут понадобится:

• CSS Validation Service — сервис проверки CSS от W3C
• Markup Validation Service — сервис проверки HTML от W3C
• Feed Validation Service — сервис проверки RSS от W3C
• Валидаторы — сервис проверки HTML, XHTML, XML, WML, CSS, RSS и Atom
• hcard.geekhood.net — hCard валидатор.
• RDF/XML валидатор — валидатор микроразметки Good Relations
• Robots.txt Checker — проверка и валидация Robots.txt

 

все больше сайтов верстают в HTML5, а сервис проверки HTML от W3C не всегда корректно справляется с такими сайтами...предлогаю добавить в этот список валидатор, непосредственно заточенный под HTML5 - https://validator.nu/

[files 2649]

все больше сайтов верстают в HTML5, а сервис проверки HTML от W3C не всегда корректно справляется с такими сайтами...предлогаю добавить в этот список валидатор, непосредственно заточенный под HTML5 - https://validator.nu/

Проверяет и HTML5, нажмите More Options

[saskozp 205]

Хорошая памятка, СПАСИБО

[nikolka1993 86]

блин, не заметил, как до конца дочитал, и подумал: "Уже все чтоли?"

[igor1 10]

Так не о чем мануал - 

[sokolokaa 613]

Приветствую автор статьи. Что вы можете сказать о теге h2 и strong, где и как правильно их применять. Просто я всегда заголовков (в статье) использую h2, h1 для главного заголовка, но strong никогда не использовал. Посоветуйте, стоит ли мне применять strong в статьях и можно ли скинуть вам в лс 3 статьи на примере которых, вы покажете, где по вашему правильно проставить теги h2 и strong. Буду благодарен. За статью спасибо, +.

[webostrov 2531]

Так не о чем мануал - 

 

Соглашусь с вами, если обоснуете свое мнение и убедите.

 

В противном случае - так, ни о чОм мнение.... 

[files 2649]

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

[styoplotr 502]

Полезный и красиво оформленный туториал, предлагаю еще добавить сервис https://gtmetrix.com/в раздел измерения скорости.

[files 2649]

Полезный и красиво оформленный туториал, предлагаю еще добавить сервис https://gtmetrix.com/в раздел измерения скорости.

Да, тоже не плохо! Упустил в спешке.

[simpa 76]

Для первого поста - гуд!

[igor1 10]

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

[Davit 29]

Большое спасибо ТС за тему !

Много нового узнал 

[files 2649]

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

Если скопипастил с вашего ресурса, извините, что не поставил на вас ссылку

[Chip111 355]

полезно, интересно.

насчет коммуникации, думал попробовать себе поставить скрипты комментариев от ВКОНТАКТЕ или ФЕЙСБУКА. А у автора их не увидел. Или это вариант не очень?

[files 2649]

полезно, интересно.

 

насчет коммуникации, думал попробовать себе поставить скрипты комментариев от ВКОНТАКТЕ или ФЕЙСБУКА. А у автора их не увидел. Или это вариант не очень?

В интеграции сторонних способов комментирования  плохого ничего нет. Но есть ньюанс. В комментариях от Вконтакте смогут писать лишь пользователи Вконтакте, так что надо смотреть шире. Например, в сторону Disqus, Hypercomments, Cackle 

[igor1 10]

Если скопипастил с вашего ресурса, извините, что не поставил на вас ссылку

Извенения приняты мой юный друг !!