Моя третья по счету частная лаборатория, теперь по поисковому продвижению сайтов
Комплекс услуг по постоянному наращиванию авторитетности сайтов в Интернете, надежному и долгосрочному!

Пример моей работы по созданию адаптивного сайта

Мои рассылки клиентам в 2016 году
тел. 8 (495) 741-93-62 с 10 до 22 без выходных

Продвижение

Прочее

Иллюстрации

Вот как выглядит сайт cartridge.com.ru на экране мобильного телефона

Пример моей работы по созданию адаптивного сайта: объемы, цены, результат

Здравствуйте, {{Name}} {{patronymic}}!

Хочу поделиться с Вами собственным опытом по созданию сайтов с адаптивной версткой.

История с сайтом Картридж.Мск началась еще в начале года. Довольно быстро  я нашел дизайнера, который работал с адаптивной версткой. Он же предложил и верстальщика для тех картинок, что дизайнер сделал. Сделал в 3-х вариантах под разные размеры экранов – от обычных компьютеров до мобильных телефончиков.

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

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

Стоило это следующих денег:

  • Услуги дизайнера обошлись заказчику в 20.000 руб.
  • Услуги верстальщика 7.000 руб.
  • Покупка оригинальных фотографий стоило нескольких долларов

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

Но получился ли правильно эта адаптивная верстка?

Для проверки этого я обратился к Google Webmaster. Если Вы там не зарегистрировали свой сайт, то настоятельно рекомендую это сделать. Проверка там показала, что с точки зрения адаптивного дизайна ошибок нет:

Google: проблем с отображением сайта на мобильных устройствах нет

Для сравнения привожу пример анализа другого сайта, где этих ошибок много и где вебмастеру вместе с верстальщиком (здесь я участвую только в продвижении) надо замечания устранять:

Пример сайта, у которого имеется 4 вида адаптивных проблем на 46 страницах

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

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


 


С наилучшими пожеланиями
Андрей Юрьевич Нартов

[30 августа 2016 г.]


Прошу комментировать!
тел. 8 (495) 741-93-62 с 10 до 22 без выходных
Страница последний раз была обновлена