Jump to content

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

files

By files,
in Инструкции и уроки

 Share Followers 2

Recommended Posts

  • Модератор
  • Popular Post
files

files 2810

Posted
  • Модератор
  • Popular Post
Posted

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

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

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


1foto.jpg


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


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

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

Логотип


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

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

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

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

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

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


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

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

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

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

Навигация


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

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

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

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

Инструменты

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

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

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

Инструменты

Скорость

 
Ваш сайт должен быть быстрым! Удалите из него весь лишний 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 — тест сайта на разных устройствах

Валидация


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

2foto.jpg

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


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

Наполнение

 

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

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

<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 сайта в социальные сети

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

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

Link to post
Share on other sites
Александр74

Александр74 26

Posted
Posted

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

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

Link to post
Share on other sites
valentino

valentino 60

Posted
Posted

 

Инструменты

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

 

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

Link to post
Share on other sites
  • Модератор
files

files 2810

Posted
  • Author
  • Модератор
Posted

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

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

Link to post
Share on other sites
  • VIP
sokolokaa

sokolokaa 634

Posted
  • VIP
Posted

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

Link to post
Share on other sites
  • Модератор
files

files 2810

Posted
  • Author
  • Модератор
Posted

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

Link to post
Share on other sites
  • Модератор
files

files 2810

Posted
  • Author
  • Модератор
Posted

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

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

Link to post
Share on other sites
  • Модератор
files

files 2810

Posted
  • Author
  • Модератор
Posted

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

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

Link to post
Share on other sites
Chip111

Chip111 355

Posted
Posted

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

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

Link to post
Share on other sites
  • Модератор
files

files 2810

Posted
  • Author
  • Модератор
Posted

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

 

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Followers 2
Go to topic listing

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...