Обзор сайта компании «Машоптторг» (57/+0)

Разработчики: Molinos

Сегодняшний дозор посвящен сайту компании «Машоптторг», авторы – интернет-агентство «Molinos». Оказалось, что один из последних сайтов известной петербургской интернет-компании содержит массу досадных недоработок.

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

• Почему я решил, что над сайтом работала целая команда верстальщиков
• Почему целевая аудитория – обеспеченные и широко мыслящие граждане
• Для уборки чего там используются мини-тракторы и бульдозеры.
• Где искать поиск
• Какая именно деятельность ведется на территории «дачи Долгорукого».

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

Сайт оптимизирован для?

Набрав в адресной строке «www.mashopttorg.ru», пытливый читатель обнаружит (Рис. 2), что сайт серьезно оптимизирован для разрешения экрана не менее 1024 х 768. По данным Spylog [gs.spylog.ru], 18% российских пользователей Интернет работают с разрешением 800 х 600. Может быть, они недостаточно хороши для того, чтобы пользоваться корпоративным сайтом компании «Машоптторг»?

Что же мы продаем?

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

Так что там за история?

Заголовок первой страницы сайта гласит: «История компании». Стало быть, страница посвящена истории компании? Это было бы слишком просто. Читаем дальше.

На странице написано, что

«Машоптторг» это «…одно из крупнейших складских хозяйств», «…хорошо оборудованный складской комплекс».

На странице «история компании» пытливый читатель узнает, что

 «плановая застройка территории позволяет максимально быстро и удобно распределять и обслуживать грузовые потоки»,

а также что именно позволяет компании

«максимально быстро и удобно распределять и обслуживать…».

О самой истории компании ничего нет. Разве что очередное предложение в стиле предыдущих:

«Стабильная работа в течение десятилетий доказала надежность и высокий уровень фирмы…».

Такая вот история.

Змий о трех головах. Но без хвоста.

Обратим внимание на верхнюю часть страницы (Рис. 3). Ссылка «на главную» приведет нас на ту же самую страницу, по адресу «www.mashopttorg.ru».

Путь вверху: «О компании / История компании». Ссылка «О компании» приведет нас сюда: «www.mashopttorg.com/about.phtml».

Пункт меню «история компании» приведет нас вот сюда: «www.mashopttorg.com/about.phtml?articleID=90».

Итого на странице 3 ссылки на саму себя! Зато логотип «Машоптторга» никуда не ведет. У него нет даже ALT-текста. Наверное, авторы беспощадно оптимизировали страницы по размеру.

Командная работа.

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

<a href=’about.phtml?articleID=90’ class="smenu">

Часть номеров телефонов заботливо заключена в теги <NOBR&@062;. Другие номера? находящиеся на той же самой строчке, в теги <NOBR> не заключены:

Телефон: +7 (812) 528-74-31, <nobr>528-77-90,</nobr>

Точно, верстали разные профессионалы. Видна работа команды.

От мастеров SEO

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

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

Знающие люди говорят, что поисковые системы очень любят теги типа <H1>. По замыслу отцов-основателей Интернета, именно в теге <H1> должен быть помещен заголовок первого уровня. А вот так верстают заголовки в компании-разработчике:

<td><font class="text_hdr"> <b>Направления деятельности</b> </font></td>

Я бысделал так: <h1> Направления деятельности </h1>. Возможно, я неправ.

Юзабилити? Кликабилити? Аксессибилити?

В нижнем блоке ссылки никак не отличаются от текста (Рис. 4).  Ссылка на электропочту даже не подчеркивается при наведении мыши.

Внизу дается электропочта аж самого (!!!) директора. Из соображений корректности данная статья не была отправлена по этому адресу.

Как найти поиск? Mission Impossible.

Чтобы что-то найти на сайте, нужна форма поиска. Но ее тоже нужно найти. (Рис. 5). Какая-то таинственная сила заставила разработчиков поместить поиск сюда – в самый низ страницы. Мало просто прокрутить страницу до самого низа! Надо еще непоместившийся правый край учесть. Механизм работы поиска из соображений экономии моего времени не тестировался.

Поиграем в классики!

Что я тут нашел:

<td class="nofont" style="padding-left: 10;padding-right: 4;">

Или вот так:

<a href="contacts.phtml" class="more" style="color: #FFFFFF;">

Замечательно! Классов во внешнем файле недостаточно. Мы еще и внутрь тегов их засунем, чтоб уж наверняка!

Задел на будущее

Странные конструкции типа

<td class="nofont"><a href=’’><img src="img/t_index.gif" border=0></a>

Очевидно, пространство между кавычками оставлено для добавления каких-то чрезвычайно важных и полезных URL’ов.

Стремление к стандартам

Тем не менее, видно стремление разработчиков к стандарту XHTML: как корректно закрыт тег <BR>! Внимание:

Факс: +7 (812) 528-61-30 <br />

Не беда, что на предыдущей и последующей строчках тег пишется просто <BR>. Младшенький верстал.

Ссылка «на главную» выполнена целиком графикой! ALT-текст традиционно отсутствует.

В России нет дорог, только направления

Снова несоответствие названия содержанию: щелкаем «направления деятельности» и попадаем…

«иногда его называют по исторически сложившемуся названию места – „Дача Долгорукова”».

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

«Многие фирмы, имеющие собственные склады, используют ресурсы ЗАО „МАШОПТТОРГ” в качестве перевалочной базы…» «Объем и разнообразие обрабатываемых и хранимых на складском комплексе „Даче Долгорукова” грузов впечатляют». «Подъездные автомобильные и железнодорожные пути… образуют развитую инфраструктуру». «…все это разветвленное складское и логистическое хозяйство оперативно координирует администрация фирмы».

Вот так вот. И сколько же здесь про «направления деятельности»?

Корень зла

Искал на странице заголовок – тег <h1>. Его не нашел. Вот что нашел:

<table width1="100%" cellpadding="0" cellspacing="0" border="0">

Вот почему их так коробит! Радует то, что хотя бы кавычки расставлены.

Уборка нужд бульдозером

Копирайтеры снова постарались:

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

1. для уборки территории
2. для уборки прочих хозяйственных нужд

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

Где эта улица, где этот дом?

На карте проезда (Рис. 6) нет названия улицы, с которой посетитель должен проникать на территорию комплекса. Если посетитель распечатает схему, то рядом с ней не будет адресов и телефонов.

Напиши мне письмецо…

Страница с почтовой формой. (Рис. 7) Заголовок страницы гласит: «Контактная информация». Хотя на странице-то уже не контактная информация, а форма для отправки сообщения.

Поля «ФИО» (без точек), и «организация» сделаны совсем небольшими. Зато поле «адрес» на целых 9 строк. Наверное, точный адрес такой длины начинается примерно так: «Наша Галактика, Солнечная система, планета Земля, континент Евразия…» ну и так далее. Но и это еще не все. «Кто должен получить ваше сообщение?» –вопрошает страница. «Приемная? Аренда помещений? Аренда складских площадей?»

Представляю: сидит за одним столом «аренда складских площадей», а за другим – «аренда помещений».  Сидят, значит, эти две аренды и получают. Сообщения по электронной почте. С длинным и очень точным адресом.

Мне казалось, что подобные механизмы в почтовых формах используются для разделения потоков сообщений. Авторы сайта провозгласили новое направление: объединение и перемешивание потоков сообщений.

Стратегическое мышление

Нажимаем ссылочку «логистика» (ну, кто еще не догадался, что это ссылка?). Зачем представитель «ЦА» теоретически может на нее нажать? Наверное, заинтересовавшись услугами по логистике. Нет, неправ я. Представители заказчика и исполнителя решили по-другому. Итак барабанная дробь, фанфары! Стратегия развития! С размахом… Опять несоответствие заголовка содержанию. Это уже хроническое.

На сайте предупреждающая надпись:

«На территории складского комплекса „Дача Долгорукого” ведется логистическая деятельность».

Перед входом на территорию магазина «О’КЕЙ» в Озерках я видел другую надпись: «В ночное время территория контролируется служебными собаками». Так что же там еще про «стратегию развития»?

«Сегодня компания представляет собой проверенный временем профессиональный коллектив…» «…Стратегия развития компании направлена на оказание качественных складских и транспортных услуг»

А далее – перечисление преимуществ ответственного хранения. Единственный толковый текст. Так, может быть, стоило создать страницу «преимущества ответственного хранения»?

Виртуальное пространство

Зато вот на странице «Складские услуги» нет ни слова о преимуществах ответственного хранения.

И снова о тексте:

«предоставление в аренду офисных помещений для персонала клиента (Интернет, телефонные линии)»

Так-так… Концепция виртуального офиса! Дашу отсканируем и поместим внутрь Интернета, а Марь Иванну сожмем и внедрим в телефонную линию, ибо «Интернет, телефонные линии» и есть те самые офисные помещения, которые предоставляются в аренду для персонала клиента. Я утрирую, но можно ведь писать тексты по-русски, стилистически грамотно?!

Секретные проекты

На странице «Проекты» пытливый читатель найдет такой текст:

«Мы являемся компанией, ориентированной на клиента, и готовы…» «Складской комплекс „Дача Долгорукого” может стать решением для многих предприятий…»

Собственно о проектах только вот это:

«Строительство современных складов»

Прочая информация о проектах, по-видимому, является секретной

Заполняйте тщательно!

Нажимаем на ссылку «заявка». Мы нажимаем ради эксперимента, а вот чего ради посетитель станет туда нажимать неясно. Открывается страница «Заявка на логистические услуги». (Рис. 8) Заголовок: «Логистика в Санкт-Петербурге. Логистическая деятельность», а на самом деле – форма отправки сообщения. 9 полей ввода. 11 чекбоксов. Никаких комментариев. И попробуйте найти кнопку «отправить», если у вас экран 800 х 600.

Ньюсмэйкеры

Страница «Новости». Никаких новостей там нет. Зато есть вот что:

«Подпишитесь на новости и Вы будете в курсе всех последних событий»

Заманчиво, не правда ли? Кроме того, вы даже можете заранее «отписаться», даже не успев «подписаться». Для профилактики. Механизм подписки и отписки я проверять не стал.

Интерактифф

Каждой компании по форуму! Кстати, практически сразу после открытия сайта форум стал весьма посещаемым. А менеджеры отвечают буквально через минуту после появления сообщений

Jora 18.01.2005 (13:31)…
Менеджер 18.01.2005 (13:32)…

Какая оперативность!

Будучи на страницах форума, посетитель всегда сможет вернуться «назад в форум» или «назад в раздел». Разработчики позаботились.

Made in…

В самом низу надпись: «Сделано в интернет-агентстве Molinos.Ru» Честно признались, молодцы!

 

Обратите внимание:

• Глобальная статистика Spylog о разрешениях экранов пользователей и не только.
• Якоб Нильсен о поиске на сайте.
• Кратко, но емко о стандартах верстки и не только верстки.
• Как представлять информацию о компании на сайте.