Главное Авторские колонки Вакансии Образование
19 167 24 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Must have вебмастера или 40 сервисов для совершенствования сайта

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

Требования поисковых систем постоянно меняются, обновляются алгоритмы, вебмастеры придумывают новые “фишки” для попадания в ТОП. Но есть несколько важных (фундаментальных) факторов, которые должны быть учтены на Вашем сайте. Рассмотрим эти факторы и сервисы, которые помогут в нелегком деле по настройке сайта.

Новичкам будет полезно сохранить эти программы и сервисы в закладки, а опытным - еще раз вспомнить всё.

Создание логотипа и узнаваемого фирменного стиля

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

www.logaster.ru - сервис создания логотипа онлайн.

www.logomaker.com - зарубежный сайт для самостоятельного создания лого.

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

Сервисы быстрого создания фавикон онлайн из изображения:

favicon.ru

pr-cy.ru/favicon

b_56a75aa365d1d.jpg

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

foter.com

ru.freepik.com

www.rgbstock.com

Структура сайта, навигация, карта сайта

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

www.gliffy.com - сервис создания блок-схем, структур, диаграмм и т.д.

www.mindjet.com - интеллект-карты для проектирования сайта.

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

Xenu - десктопная программа для оптимизации сайта, включает в себя функцию создания сайтмапа.

xmlsitemapgenerator.org - онлайн генератор карты сайта.

Проверка контента и наполнение

Когда дело доходит до наполнения сайта контентом, не забываем основные правила:

  • уникальность;
  • правописание;
  • оптимизация.

Уникальность текста должна быть не ниже 80%. Ошибки не добавляют “плюсов к карме”, поэтому проверьте текст на орфографию и опечатки. Оптимизация текста поможет поисковикам полюбить ваш сайт: употребляйте в тексте ключевые слова, разбейте его на абзацы, используйте заголовки Н1, Н2, Н3, маркированные списки, добавьте изображения в текст.

b_56a75acecc270.jpg

изображение orfogrammka.ru

advego.ru/plagiatus - десктопная программа для проверки текста на уникальность.

glvrd.ru - анализ текста на соответствие стилю, чистка от словесного “мусора”.

pr-cy.ru/audit/ - проверка оптимизации страницы.

audit.megaindex.ru/audit/relevant_page/getpage - анализ релевантности страницы определенному запросу.

advego.ru/text/seo/ - семантический анализ текста онлайн, “тошнота”, стоп-слова, орфографические ошибки.

text.ru/spelling - проверка орфографии онлайн.

orfogrammka.ru - онлайн сервис проверки грамматики и пунктуации.

Метатеги, перелинковка

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

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

b_56a75b0b49749.jpg

Служебные разделы необходимо закрыть в файле для поисковых систем robots.txt.

В проверке оптимизации сайта помогут следующие сервисы и программы для аудита:

audit.megaindex.ru - полный аудит сайта (метатеги, перелинковка, ошибки на сайте и многое другое).

netpeak.ua/software/netpeak-spider/ - программа для проверки метатегов, кодов ответа страниц, заголовков и т.д.

www.page-weight.ru/soft/page-weight/pw-desktop/ - проверка перелинковки и распределения условного веса по сайту.

seolib.ru/tools/generate/robots/ - формирование файла robots.txt

Микроразметка

Для создания микроразметки используют популярные языки Open Graph и Schema.org

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

b_56a75b38a14cb.jpg

yandex.ru/support/webmaster/schema-org/what-is-schema-org.xml - возможности микроразметки.

yandex.ru/support/webmaster/yandex-indexing/validator.xml - валидатор микроразметки.

developers.google.com/structured-data/testing-tool/ - валидатор микроразметки Google.

Обратная связь

Обратная связь с пользователями сайта просто необходима, чтобы быстро реагировать на их вопросы и обращения. Сейчас появилось множество различных сервисов и виджетов, которые помогают общаться с пользователями сайта. Это и формы обратного звонка “успеть за n-нное кол-во секунд”, онлайн чат с клиентом на сайте, другие виджеты (оставить заявку, заказать звонок и тд.).

b_56a75b4828af5.jpg

uptocall.com - виджет обратного звонка.

www.jivosite.ru - чат с посетителями сайта.

www.siteheart.com - бесплатный онлайн чат.

witget.com - большой выбор виджетов и форм коммуникации для сайта.

http://cackle.me/ - набор инструментов для сайтов (комментарии, отзывы, опросы, онлайн консультант)

Валидность верстки

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

validator.w3.org - проверка кода HTML, XHTML, XML, CSS, RSS.

browsershots.org - проверка кроссбраузерности онлайн.

Скорость загрузки сайта

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

developers.google.com/speed/pagespeed/insights/ - проверка скорости загрузки страниц от Google на различных устройствах.

mainspy.ru/skorost_zagruzki_sajta - пакетная проверка нескольких сайтов.

pr-cy.ru/speed_test/ - еще один сервис для теста скорости загрузки сайта.

Парочка сервисов по предложению комментаторов - неплохие инструменты, дают много информации о сайте:

http://www.webpagetest.org/

https://gtmetrix.com/

Мобильность сайта

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

www.google.com/webmasters/tools/mobile-friendly/ - проверка удобства просмотра сайта на мобильных устройствах от Google.

ipadpeek.com - сервис наглядно показывает, как ваш сайт выглядит на экранах iPhone или iPad.

www.mobilephoneemulator.com - этот инструмент продемонстрирует сайт на различных телефонах: Sumsung, HTC, LG и тд.

b_56a75b7034562.jpg

Добавление в панель вебмастера

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

webmaster.yandex.ru - сервис Вебмастер.Яндекс.

www.google.ru/webmasters/ - инструменты для вебмастеров от Google.

webmaster.mail.ru - панель вебмастера в Мейл.

Вместо заключения

Надеемся, что данный список оказался полезным для вас. Хотите узнать о чем-то подробнее - пишите нам на почту info@getsocial.ru или создайте обращение в техподдержку. Мы учтем ваши пожелания, на самые интересные вопросы ответим в следующей статье.

Источник: https://getsocial.ru

+17
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
Мы и так много инструментов с pr-cy привели)) Полезный сервис!
Ответить
Aberix
студия интернет-маркетинга
Александр Рубцов
для проверки скорости используем gtmetrix.com
выдает порой больше информации для размышления, чем классический speedinsight

статья хорошая, спасибо!
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
спасибо за сервис! Интересная штуковина)
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Cackle
Облачные сервисы для сайта
Косинский Даниил
Ещё несколько сервисов в одной системе http://cackle.me с единой социальной авторизацией:
http://cackle.me/comments - Комментарии
http://cackle.me/reviews - Отзывы для сайта
http://cackle.me/chat - Онлайн консультант
http://cackle.me/polls - Опросы
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
столько сервисов интересных накидали в комменты, что придется скоро еще одну статью писать))
Ответить
Антон Тихомиров
Сервис просто потрясающий, в разы лучше даже Дискуса, только название у них просто провальное... Это тот вариант, когда оно может незаметно утащить весь проект на дно. Слежу за ним уже долгое время, но вроде пока держутся...
Ответить
Cackle
Облачные сервисы для сайта
Косинский Даниил
Спасибо за Ваше мнение.
С 2011 года полет нормальный, развиваемся без рекламы и маркетинга, просто делаем хорошее качество услуг.
Ответить
Антон Тихомиров
Дак Вы и есть этот самый Cacle? Вот так новость! Ну будем знакомы ;)
Пользуясь случаем сразу хочу спросить: почему Вы выбрали такое вырвиглазовое название? Я даже был полностью уверен в том, что это зарубежный стартап и название для них не имеет никакой подоплеки, ибо это просто туши свет!
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
Еще один способ проверки скорости загрузки страниц - на скрине. Кто пользуется?
Ответить
Антон Тихомиров
Хо-хооо, старый добрый Хром)
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
ну да)удобно же, не?
Ответить
Антон Тихомиров
О, конечно, он реально очень классный! Нативный, да еще и кучу разрозненных инструментов по сути объединяет в один.
Ответить
Иван Шипилов
для проверки орфографии рекомендую этот сервис:
http://spell-checker.ru/
Проверяет сразу весь сайт, а не отдельную страницу
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
неплохо! Потестим и этот сервис
Ответить
Антон Тихомиров
Спасибо за статью, интересно.

Если кому-то удобно юзать десктопные приложения для кроссбраузерности - очень рекомендую IETester, по сути дела браузер, который эмулирует любую версию IE (Хоть 5.5, с другими браузерами и проблем-то нет) ). Лично мне удобнее тестить все в реальном времени просто.

Еще хочу порекомендовать отличную вещь для A/B тестирования юзерфрендли сайтов на интерактивных макетах: https://usabilityhub.com/ Но это конечно для тех кто знает зачем это)

Еще https://www.hotjar.com/ строит неплохие тепловые карты поведения юзеров, но их и Метрика умеет строить не хуже.
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
И вам спасибо за сервисы)
Ответить
Офисофф
Онлайн сервис для бизнеса и бухгалтерии
Виталий 18511
Офигенная подборка! Огромное спасибо. Добавил в закладки. Буду пользоваться.
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
спасибо! Сначала собирали только мы, а потом всем спарком))
Ответить
Максим Веряскин
А как же http://favicon.cc ?) Старый добрый генератор фавиконок =)
Ответить
MIVOKS group
Создаем сайты и увеличиваем продажи
Ксения Mivoks
список полезных сервисов можно продолжать и он перевалит за сотню, мне так кажется))
Ответить
Alex Red
Увидел что вы написали про виджет обратного звонка uptocall. Но я бы порекомендовал сервис callpage. Тот виджет рассчитан на просто обратные звонки, а колпейдж еще имеет скоринг систему оценивания поведения клиентов на сайте и почти со 100% точностью предугадывает когда клиент сконвертируется.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.