руслан белый

Я вебмастер с ИП. Опыт работы — 10 лет.

Помогаю бизнесу исправлять ошибки на сайтах, создавать полезный контент, делать рекламу в интернете.

В свободное время ищу ошибки на сайтах и учу делать контентники

Рассылка
Популярное

Как решить любую техническую проблему

Сколько денег надо
вложить в сайт

Как самому сделать сайт

Как выбрать нишу сайта

Бесплатный аудит сайта

Мероприятия

Пока мероприятий нет.

Какой должна быть верстка сайта

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

Кроссбраузерная

Сайт хорошо выглядит в разных браузерах: Chrome, Safari, Opera, Firefox и IE.

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

Как проверить на кроссбраузерность:

  1. Установить себе на компьютер все необходимые браузеры
  2. Воспользоваться сервисом browsershots.org

Адаптивная

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

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

Как проверить на адаптивность:

  1. Воспользоваться сервисом www.google.com/webmasters/tools/mobile-friendly
  2. Инструменты разработчика Google Chrome
  3. Сервис responsinator.com

Валидная

Валидность — это соответствие стандарту. Текущий стандарт — HTML5.

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

Как проверить на валидность:

  1. Воспользоваться сервисом для HTML validator.w3.org

Чистая

Чистая верстка — это когда верстка сайта не содержит левого кода. Левый код это:

  1. Устаревшие теги <applet>, <frame>, <font>, <marquee>, <strike> u и др.
  2. Стили, записанные через атрибут тега style.
  3. JavaScript код в разметке через тег <script>.

Как проверить сайт на чистоту кода:

  1. На глазок )

Дополнительно

К верстке также предъявляются следующие требования:

  1. Внедрена микроразметка schema.org.
  2. Выполнена минификация HTML, CSS, JavaScript.
  3. Закрыты внешние сквозные ссылки.