Express-аудит сайта electronavto.ru

0
0

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

Урл-адрес: http://electronavto.ru

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

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

 

Главная страница elecrtonavto

Технические ошибки оптимизации

Заголовочный тег h1. Один из важных тегов оптимизации «верхнего уровня». На всех страницах ресурса располагается сразу два тега h1. Этот заголовочный тег, им оформляют заголовки статей. Представьте себе статью в утрешней газете которая имеет два разных заголовка, возможно не связных друг с другом. Так же и поисковый робот читает код, и видит на каждой страничке два заголовка оформленных в h1. Это может плохо сказаться на общей оптимизации.

<div class="art-Logo">
 <h1><a href=/>Электрооборудование автомобилей</a></h1>
 <div id="slogan-text" class="art-Logo-text">
 Секреты установки и ремонта электрооборудования автомобилей</div>
</div>

и

<h1><strong>Подключения сигнализации на </strong><strong>Дачия Логан </strong>
<span lang="en-US"><strong>MCV </strong></span><span style="font-style: normal;">
<span style="text-decoration: none;"><strong> 20</strong></span></span>
<span style="font-style: normal;"><span style="text-decoration: none;">
<strong>10</strong></span></span><span style="font-style: normal;">
<span style="text-decoration: none;">
<strong>г.</strong></span></span></h1>

В первом варианте оформление находится в логотипе (в самом верху на фразе «Электрооборудование автомобилей»).

Во-втором случае заголовок оформлен фразой «Подключения сигнализации на Дачия Логан MCV 2010 г.»

Если первый заголовок в принципе понятен в чем проблема, то второй меня впечатлил. Кошмар живет в этом коде… дальше ничего не буду говорить, покажу лишь какой бы был идеальный заголовок:

<h1>Подключения сигнализации на Дачия Логан MCV 2010 г.</h1>

ну или хотя бы с одним классом

<h1 class="">Подключения сигнализации на Дачия Логан MCV 2010 г.</h1>

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

Не корректное оформление h1

 

Валидность html кода. Содержит (по моему мнению) повышенное кол-во ошибок кода (74 шт).

validator w3 org ошибки html

Очень мало ресурсов имеют полностью валидный код (без ошибок). Считаю что 2-3 десятка ошибок вполне допустимо, а вот большее количество должно наводить на мысли о правке кода и уменьшения замечаний валидатора.

Удобство использования (юзабилити) — критика

Шапка. При попадания на гл. страницу сразу бросается в глаза логотип, а вернее надпись «Электрооборудование автомобилей» которое очень плохо видно на фоне изображения автомобиля. Смотрится очень плохо а лечится с помощью css стилей довольно легко.

Шапка которая сейчас установлена на сайте
Шапка которая сейчас установлена

А это мой один из простых вариантов

Вариант шапки 1
Вариант шапки №1

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

Другой вариант

Вариант шапки №2
Вариант шапки №2

Здесь название немного спустили вниз и добавили эффект огня. Слоган переместили в правую часть. Этот вариант мне нравится больше, но было бы время… а фантазии хватает 🙂

 

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

bodyckick

 

Навигационная цепочка. Нужно поставить нумерованную навигационную цепочку. Это очень важно для удобства навигации.

Отсутствует нумерованная навигационная цепочка

Наш анализируемый пациент работает на CMS WordPress. Сегодня это чуть не самая популярная система для управления контентом. Очень большое множество плагинов для различных задач, есть с чего выбрать…

Имею ввиду чтоб было примерно так (функционал)

Правильная навигационная цепочка (нумерация)

 

Meta информация (автор и дата создания поста). Если работает один автор (admin) то наверное незачем напомнить об этом каждый раз в начале поста. Также, если материал не имеет срока годности и актуален всегда, зачем отображать дату? Рекомендую убрать указанную выше не нужную посетителю информацию.

Meta-информация о авторе и дате создания поста

 

css стиль ссылок. Очень бесит, я сейчас пишу этот анализ, путешествую по сайту, разным страницам… очень бесит. При наведении мыши на любую ссылку она увеличивается, тем самым сдвигает следующую ссылку которая находится дальше. Есть места где прям целые блоки «оживают» и начинают прыгать. Стиль ссылок нужно подредактировать.

 

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

Пустой блок виджета

/// THE END ///

Если материал который я подготовил был полезен для вас, если он действительно вам пригодился — делитесь им!

Также, буду рад почитать ваши мысли в комментариях!


Добавить комментарий