Обзор wap-сайта МТС или злобный, жадный оператор

28.07 19:29 // МирМобил.ру

Сегодня прочел очередной обзор о ребрендинге МТС. Там же упоминался новый wap-сайт компании. Я решил сделать обзор этого сайта.

Вот вся эта красота.
Смотрится нормально, вроде как во всех браузерах все хорошо.

Wap-сайт сверстан на xHTML, поэтому есть возможность просматривать его из любого браузера, а также с мобильного телефона, поддерживающего WAP 2.0

+ 1 :: WAP 2.0 шагает по планете и очень перспективен. Использование xHTML при создании wap-сайтов очень правильно на сегодняшний день.

Снаружи с Voxtel RX100

Может быть мой телефон не самый популярный, но wap 2.0 он поддерживает (кроме css).

Итак что я увидел:

Границы таблиц (рассматриваются ниже) были видны черной одноточечной линией. Убого..
Вместо "инфо" и "помощь" я увидел помо и, потому что экран мобильного, это не экран монитора все таки.
Текст у пунктов меню постоянно обрывался. Опять из-за таблиц...
Внутренние страницы невозможно читать. Они выглядят как нагромождение кирпичей и обрывков слов.

- 1 :: RTFM, господа разработчики. Разбор полетов ниже :)

Изнутри из блокнота

Теперь смотрим код страницы.
Это то что не видят пользователи, но на что ругаются когда страница выглядит "как-то не так".
Будем рассматривать xhtml-верстку кусочками и комментировать.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

Тут все хорошо. Прописан атрибут xml-документа, ссылка на DOCTYPE для мобильных телефонов.

Так.... Зачем meta-теги и тем более запрещающие кеширование?! Побольше денюшек скушать у тех у кого эти теги срабатывают?
Да и ни у всех срабатывают. Просто лишний мусор, сжигающий баланс.
Shortcut icon (или favicon) также не поддерживается большинством мобильных телефонов. Опять накрутка wap-трафика?!
Ссылка на уровень вверх (up)... На главной странице... Господа Разработчики, куда же выше?!

Стили в коде?! Ого, приехали.
Тегом link можно подключать стили удаленно и они кешируются.
Да и вообще, если в xml документе так включаются стили то их нужно выводить как CDATA. Видимо разработчики из Promo Interactive не знали об этом.
Ну ничего, я поругаю их дальше.

</head>
<body bgcolor="#ffffff">

У тега body атрибут bgcolor?!
xHTML запрещает атрибуты, которые аналогичны css-атрибутам. Надо было в css background прописать...

<table border="0" style="width:100%;">
<tr style="height:48px;">
<td style="width:50%;"><a href="http://wap.mts.ru/">
<img src="/upload/images/head.gif" style="border-style:none;" border="0" alt="MTS" /></a>
</td>
<td style="width:50%; text-align:right;">

<a href="/info/" style="color:#666666;">
<img src="/upload/contents/397/info.gif" style="padding:2px; vertical-align:middle;" border="0" alt="" width="10" height="10"/>ИНФО</a> 


<a href="/help/" style="color:#666666;">
<img src="/upload/contents/397/que.gif" style="padding:2px; vertical-align:middle;" border="0" alt="" width="10" height="10"/>ПОМОЩЬ</a> 

</td>
</tr>
</table>

Это пипец...
Таблицы?!
Компания Promo Interactive абсолютно неграмотная компания в области верстки
Если бы прежде чем драть деньги с МТС они решились почитать "Рекомендации по доступности Сети" © W3C, то знали бы что запрещено верстать разметку сайта на таблицах. Таблицы предназначены для табличных данных!
Куча атрибутов style... А css-файлы нам зачем? А css-классы нам зачем? Бедный трафик пользователей....

<table width="100%" cellpadding="0" cellspacing="0" border="0" class="UpLink"><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/wap_magazine.gif" width="32" height="32"/> 
<a href="wap_magazine/">WAP-ЖУРНАЛ</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/newsweather.gif" width="32" height="32"/> 
<a href="newsweather/">НОВОСТИ И ПОГОДА</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/media.gif" width="32" height="32"/> 
<a href="media/">ПРЕССА И ТВ</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/sport.gif" width="32" height="32"/> 
<a href="sports/">СПОРТ</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/work_study.gif" width="32" height="32"/> 
<a href="work_study/">ДОСУГ И КАРЬЕРА</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/goods.gif" width="32" height="32"/> 
<a href="goods/">ТОВАРЫ И УСЛУГИ</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/guide.gif" width="32" height="32"/> 
<a href="guide/">ГИД ПО ГОРОДУ</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/games.gif" width="32" height="32"/> 
<a href="games/">ИГРЫ</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/graphics.gif" width="32" height="32"/> 
<a href="graphics/">МЕЛОДИИ И КАРТИНКИ</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/humour.gif" width="32" height="32"/> 
<a href="humour/">ЮМОР И ГОРОСКОПЫ</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/chats.gif" width="32" height="32"/> 
<a href="chats/">ЧАТЫ И ЗНАКОМСТВА</a> 
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/18.gif" width="32" height="32"/> 
<a href="18/">18+</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/mts_search.gif" width="32" height="32"/> 
<a href="http://www.mpoisk.ru/wap">МТС-ПОИСК</a> </p>
</td>
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/wap_sites.gif" width="32" height="32"/> 
<a href="wap_sites/">WAP-САЙТЫ</a> 
</td>
</tr><tr align="center" valign="top">
<td align="center" valign="top" width="50%">
<img src="/upload/contents/404/podarok.gif" width="32" height="32"/> 
<a href="gifts/">МТС-ПОДАРКИ</a> 
</td>
</tr></table>
</body></html>

То же, что писал выше.. Подчеркну, лишние атрибуты!
Также ссылки на картинки (/upload/contents/404/wap_magazine.gif) слишком гигантские для wap-сайтов. Как должно быть? Вот так, например, /i/m1.gif
Таким образом уменьшается размер кода страницы. Абоненты скажут "спасибо".

Итог

Также я заменил DOCTYPE на xHTML 1.0 Strict и проверил на Validator от W3C:

This page is not Valid XHTML 1.0 Strict!
Result: Failed validation, 20 errors
File: upload://Form Submission
Encoding: utf-8
Doctype: XHTML 1.0 Strict
Root Namespace: http://www.w3.org/1999/xhtml

В итоге, оказалось что wap.mts.ru даже как веб-сайт никуда не годится!
WAP-сайт компании МТС абсолютно не предназначен для мобильных телефонов:

Он содержит массу лишего кода, который уменьшает баланс счета абонента
Он содержит массу ошибок, из-за которых wap-сайт неправильно выглядит на экранах мобильных телефонов
Он далеко не соответствует требованиям и стандартам xHTML (xml) верстки

Другие новости:

Преимущества iPhone 6S
16.08 00:27

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

В Китае рассекречены характеристики смартфона Moto Z Play
03.08 12:06

Китайский регулятор TENAA опубликовал фотографии и рассказал о характеристиках нового смартфона среднего уровня Moto Z Play. Подробности...

Выручка HTC выросла на 27%
03.08 12:01

Компания HTC опубликовала очередной финансовый отчёт за второй квартал 2016 года. Подробности...

Представлен обновлённый VR-шлем Samsung Gear VR
03.08 09:15

Вместе с планшетофоном Samsung Galaxy Note 7 на мероприятии Galaxy Unpacked 2016 был показан и обновлённый шлем виртуальной реальности Gear VR. Подробности...

Samsung анонсировала планшетофон Galaxy Note 7
03.08 09:14

Компания Samsung провела мероприятие Galaxy Unpacked 2016, на котором был представлен флагманский планшетофон Galaxy Note 7. Подробности...