Соответствие макету

Расположение блоков должно быть 1:1 по сравнению с макетом. Допускается расхождение до 5px для текста. Разрешены и даже приветствуются правки размеров и расположения криво нарисованных блоков.

Использовать Pixel Perfect не для попиксельного задротства, а для проверки что все базовые блоки находятся там где надо, их размеры и отступы соответствуют макету.

Кодировка, DOCTYPE и

Кодировка обязательно UTF-8 для всех файлов html, css, js

DOCTYPE: HTML5

Выставить язык в теге <html lang="ru" >

Поддержка браузеров

Валидность HTML

Главная страница должна быть валидна в любом случае. Проверяем: validator.w3.org/

Микроразметка

Протокол Open Graph для социальных сетей

<meta property="og:image" content="/assets/img/preview.jpg">
<meta property="og:title" content="Title Page">
<meta property="og:locale" content="ru_RU" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Description Page" />
<meta property="og:url" content="<https://site.ru/>" />
<meta property="og:site_name" content="" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="512" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Description Page" />
<meta name="twitter:title" content="Title Page" />
<meta name="twitter:image" content="/assets/img/preview.jpg" />

Техники верстки