Данная памятка будет полезна контентным менеджерам, проектным менеджерам и остальным проверяющим (особенно, если у вас нет в штате тестировщика), и поможет не забыть про базовые, и от того часто забываемые моменты, которые нужно учесть при первой выкладке сайта на «боевой» сервер.
Конечно
Главная страница
- На главной странице обязательно должен быть title. Он играет важную роль в продвижении сайта, поэтому должен включать несколько основных ключевых пользовательских запросов. Для подбора ключевых слов можно воспользоваться сервисом wordstat.yandex.ru
- На главной странице нужно прописать краткий, читабельный description, чтобы в поисковой выдаче у ссылки на ваш сайт сразу выдавался хороший сниппет.
- Проверить ссылку с логотипа в шапке сайта. На главной странице ссылка с логотипа должна быть не активна, а на всех остальных страницах сайте эта ссылка должна вести на главную страницу.
- Проверить наличие фавикон. Фавикон должен отражать суть сайта, и в то же время он должен быть запоминающимся и индивидуальным. Быстро сгенерировать фавиконку можно здесь: favicon.cc
- Проверить, автоматически ли генерируется текущий год в подвале сайта. <?php echo date('Y'); ?> — это код, который выводит на сайте текущий год
- В подвале должна быть ссылка на главную станицу, как правило, ставится она с описательного текста. «{Название компании} — {описательный текст}»
Общая проверка контента
Переходим к постраничной проверке сайта.
- Пишем правильные тексты. Очистить текст от «словесного мусора», привести его к информационному стилю поможет сервис glvrd.ru
- Добавить тексты в Я.Вебмастер перед размещением. Это простой и эффективный способ защитить сайт от кражи контента.
- Добавление на сайт текста из Word. С помощью сервиса rusjoomla.ru можно легко конвертировать текст в
html-код . Так же мы рекомендуем не останавливаться на конвертерах, а получить базовые знания html и css и оформлять тексты самостоятельно htmlacademy.ru - Проверить орфографию, выполнение правил редактирования текста и типографики. Инвентарь Лебедева поможет привести в порядок типографику. Проверить текст на грамотность и уникальность поможет сервис text.ru
- В контенте недопустимо использование CAPS LOCK. Все названия и слова, написанные большими буквами, заменить строчными, исключениями здесь являются только аббревиатуры.
- Удалить двойные пробелы.
- Проверить наличие «Карты сайта» и какие разделы попали в нее. В нее должны выводиться все разделы всех уровней вложенности.
- Проверить наличие 404 страницы.
- Проверить контент страниц на корректность отображения в разных браузерах.
Страницы сайта должны корректно отображаться на всех популярных платформах, иначе часть пользователь не сможет полноценно пользоваться сайтом. Проверяем:
— firefox, opera, chrome, ie, safari
— 1024, 1280, 1960
— ipod, iphone
— полный экран, стандартный экран, свернутый экран
Проверка ссылок
- Внутренние ссылки должны открываться в том же окне, внешние — в новом. Чтобы ссылка открывалась в новом окне её необходимо добавить атрибут target="_blank"
- Все url ссылок в тексте должны быть прописаны в относительном виде, без указания домена. При переносе сайта на другой домен важно не потерять ссылки, проставленные в тексте. Чтобы исключить лишние проверки и «двойную работу» используйте сразу относительный вид без указания домена.
- Внешние ссылки необходимо скрывать от индексации. Чаще всего внешние ссылки закрывают от индексации. Особенно это касается ссылок на публикации vkontakte.ru, facebook.com, twitter.com, youtube.com
и т. п. Исключением являются ссылки на фирменные аккаунты, которые скрывать от индексации не нужно. - Гиперссылка должна накладываться только на ту фразу или слово, с которого идет ссылка, не захватывая окружающих пробелов и знаков пунктуации (в том числе кавычек).
- Так же необходимо проверить наличие и правильность ссылок со стандартных иконок («На главную», «Написать нам», «Карта сайта»).
Проверка изображений
- У каждого изображения должны быть прописаны title и alt. Изображения также участвуют в поисковой оптимизации, поэтому title и alt должны быть релевантны смыслу изображения. Альт и тайтл пишут с большой буквы, без точки в конце.
- Ширина и высота исходного изображения должна в точности соответствовать размерам картинки на странице сайта. Недопустимо изменять размер средствами HTML и CSS. Подготавливать изображение необходимо заранее. Например, с помощью Photoshop.
- Файлы изображений не должны содержать в именах слова: banner, logo, advert и другие подобные, чтобы их не скрыла «баннерорезалка».
- «Вес» картинки должен быть минимальный для быстрой загрузки страницы. Особенно актуально это для мобильных версий сайта. Чтобы облегчить мобильные страницы рекомендуем использовать технологию Google AMP. Это простое и эффективное средство, для того чтобы сделать мобильные страницы более доступными.
Подробнее об этой технологии можно прочитать в нашей статье.
Не забываем про будущее продвижение и оптимизацию сайта
- Проверить наличие на сайте Google Tag Manager. Он способен заметно облегчить жизнь, если на сайте планируется размещать, добавлять и менять коды отслеживания, к примеру, Google Analytics, Яндекс. Метрику, DobleClick. О том, как установить и настроить Google Tag Manager, читайте в нашей статье.
- Проверить наличие Liveinternet, Я.Метрики, Google Analytics, и других счетчиков, необходимых для продвижения сайта.
- Проверить наличие
мета-информации у страниц сайта. Еслимета-информация не заполнена продвигаемые страницы могут терять в релевантности, потому что содержимое title имеет значительное влияние на ранжирование страницы - Для корректного отображения анонса материала в соц. сети, код страницы сайта должен содержать несколько мета-тегов: og:description (должен содержать описание материала), og:image (содержит ссылку на картинку для материала), og:url (ссылка на веб-страницу), og:type (тип добавляемого материала)
- Зарегистрировать компанию в Яндекс.Справочнике. Если у организации сменились контакты, нужно поменять их и в Яндекс.Справочнике через Вебмастер
- Проверить наличие sitemap.xml и указать адрес карты сайта через директиву sitemap в robots.txt. Это позволит поисковому роботу узнать о наличии карты сайта и начать ее индексацию. Сформировать sitemap.xml нам поможет сервис mysitemapgenerator.com
Подробнее про sitemap.xml — https://yandex.ru/support/webmaster/indexing-options /sitemap.xml
Подробнее про robots.txt — https://yandex.ru/support/webmaster/controlling-robot /robots-txt .xml - Исключить дубли страниц. Все URL должны заканчиваться '/'. Если это не так, то настроить 301 редирект со страниц без '/' . Для того, что бы это сделать в файле .htaccess необходимо прописать следующие строки:
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !index.php
RewriteCond %{REQUEST_URI} !(.*)/$
RewriteRule ^(.*)$ $1/ [L,R=301] - После заливки сайта, в файле robots.txt обязательно открыть сайт для индексации (Allow: /). Локальную тестовую копию сайта, если она открыта извне, оставить закрытой от индексации (Disallow: /).
- Все размещенные на сайте видео должны быть сначала залиты на заранее созданный аккаунт Youtube. Если на сайте планируется размещать видео, то нужно завести отдельный канал. Имя канала должно соответствовать домену. Если есть необходимость конвертировать видео в другой формат перед размещением, можно воспользоваться простым сервисом www.zamzar.com
Исправив ошибки, которые вы найдете, вы сможете однозначно повысить конверсию сайта и быть уверенным, что сайт выглядит привлекательно и грамотно.
Список программ и сервисов, которые могут пригодиться в процессе аудита:
- Сервис Яндекс. Метрика — metrika.yandex.ru
- Сервис Яндекс. Вебмастер — webmaster.yandex.ru
- Сервис Google. Analytics — analytics.google.com
- Сервис Webmasters. Google — webmaster.google.com
- Сервис SEORate (анализ видимости) — www.seorate.ru
- Сервис MegaIndex (комплекс инструментов аналитики) — www.megaindex.ru
- Сервис wordstat.yandex.ru (анализ спроса) — wordstat.yandex.ru
- Программа
Page-Weight (анализ сайта) — www.page-weight .ru/ - Программа Xenu (анализ сайта) — home.snafu.de/tilman/xenulink.htm
- Сервис СайтРепорт (SEO анализ сайта) — сайтрепорт.рф
- Сервис LoadImpact (проверка нагрузоустойчивости) — www.loadimpact.com
- Сервис Awstats (анализ логов) — awstats.sourceforge.net
- WebAlizer (анализ логов) — www.webalizer.org
- Сервис PingDomTools (проверка скорости загрузки) — tools.pingdom.com
- Программа
A-Parser (универсальный парсер) —a-parser .com - Antigate (распознавание капчи)- antigate.com
- Сервис AWM Proxy (прокси) — awmproxy.com
- Сервис Alexa (веб аналитика) — www.alexa.com
- Сервис валидации robots.txt от Яндекс — webmaster.yandex.ru/robots.xml
- Сервис валидации sitemap.xml от Яндекс —webmaster.yandex.ru/sitemaptest.xml
- Проверка орфографии Яндекс — www.webmaster.yandex.ru/spellcheck.xml
- Валидация микроразметки Яндекс — webmaster.yandex.ru/microtest.xml
- Плагин RDS bar — www.recipdonor.com/bar
- Сервис 2ip.ru (поиск доменов по данным whois) — 2ip.ru/domain-
list-by-email - Сервис recipdonor (поиск доменов по данным whois) — recipdonor.com/infowhois
- Nic.ru (анализ whois) — nic.ru/whois
- Плагин wink’a (анализ ссылок) — addons.mozilla.org/ru/firefox/addon/
webmaster-sape - SEOBudget (Инструменты для
веб-мастера и оптимизатора) —seobudget.ru/tools/unique - Alexa (веб аналитика) — www.alexa.com
- SEOLib (потенциал трафика по запросам) — www.seolib.ru/script/pop
- SEOLib (анализ конкуренции по запросам) — www.seolib.ru/help/seoprice
- SEOLib (анализ геозависимости запросов) — www.seolib.ru/script/geo
- SEOLib (анализ позиций) — www.seolib.ru/analytics
- Плагин WebDeveloper (анализ страниц) — addons.mozilla.org/ru/firefox/addon/
web-developer - Плагин LiveHTTPHeaders (анализ серверных ответов) — https://addons.mozilla.org/ru/firefox/addon/
live-http-headers - Яндекс.антиспам API — api.yandex.ru/cleanweb
- Acunetix (проверка сайта на уязвимости безопасности) — www.acunetix.com
Чек-лист по XSS-уязвимостям — www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet- WebArchive (история интернета) —web.archive.org
- HTML валидатор — validator.w3.org