Пример моей работы по созданию адаптивного сайта
Продвижение
Прочее
Иллюстрации
Пример моей работы по созданию адаптивного сайта: объемы, цены, результат
Здравствуйте, {{Name}} {{patronymic}}!
Хочу поделиться с Вами собственным опытом по созданию сайтов с адаптивной версткой.
История с сайтом Картридж.Мск началась еще в начале года. Довольно быстро я нашел дизайнера, который работал с адаптивной версткой. Он же предложил и верстальщика для тех картинок, что дизайнер сделал. Сделал в 3-х вариантах под разные размеры экранов – от обычных компьютеров до мобильных телефончиков.
Но если дизайнер справился с работой довольно быстро, то с верстальщиком дело тянулось долго: требовались бесконечные доработки. Причем получалось так: одно правит, зато другое ломается. Но все-таки удалось получить все что требовалось.
На картинке слева смотрите как выглядит сайт на экране мобильного телефона. Кликая по этому изображению Вы увидите как этот сайт выглядит в вашем компьютере. Согласитесь - внешний вид совершенно разный что видите у себя и что видите на этой странице. Но внутренне содержание страниц, их код остаются совершенно неизменными!
Стоило это следующих денег:
- Услуги дизайнера обошлись заказчику в 20.000 руб.
- Услуги верстальщика 7.000 руб.
- Покупка оригинальных фотографий стоило нескольких долларов
Однако стоимость по созданию сайта резко увеличилась из-за обилия, разнообразия этих картриджей к разным принтерам. Были представлены списки с названиями картриджей и принтеров с ценами заправки и скупки. Причем иногда там проскакивали буквы кириллические вместо нужных латинских. Это все пришлось проверять и править в случае нужды. Кроме того, исходный материал был разнородным с точки зрения регистров букв: то они в верхнем регистре, то в нижнем. Поэтому много времени потребовалось на приведение всего к единообразному виду. В итоге все получилось.
Но получился ли правильно эта адаптивная верстка?
Для проверки этого я обратился к Google Webmaster. Если Вы там не зарегистрировали свой сайт, то настоятельно рекомендую это сделать. Проверка там показала, что с точки зрения адаптивного дизайна ошибок нет:
Для сравнения привожу пример анализа другого сайта, где этих ошибок много и где вебмастеру вместе с верстальщиком (здесь я участвую только в продвижении) надо замечания устранять:
Устранив эти замечания, этот сайт должен подняться в выдаче, особенно в выдаче для телефонов, смартфонов и планшетников, которые теперь занимают значительную долю в поисковых запросах.
Замечу, что у Яндекс.Вебмастера есть аналогичный сервис, но он проверяет только конкретные страницы, а не весь сайт. Отсюда и возникают проблемы: Яндекс утверждает, что ошибок нет, а
Google их находит и показывает. В этом смысле Google значительно лучше, рекомендую.
С наилучшими пожеланиями
Андрей Юрьевич Нартов
[30 августа 2016 г.]
Автор текстов на сайте (кроме блоков курсивом Андрей Нартов
Нажимая на кнопку «Опубликовать», вы принимаете соглашение Об обработке ваших персональных данных.
