<h2><b>Техническое задание для веб-мастера верстальщика на создание </b><a href="https://zakjur.ru"><b><u>сайта zakjur.ru</u></b></a><b> в HTML формате на файлах PHP с применением вставки блоков "хедер", "футер" и других через функцию include.</b></h2><h2><br /><b>Общие требования:</b></h2><p><br />Сайт должен быть легким и быстрым в загрузке. Все параметры сайта при загрузке с ПК и Смартфонов должны быть с параметрами более 90 при проверке на сервисе: </p><p><a href="https://pagespeed.web.dev/analysis/https-zakjur-ru/q30uwc052v?hl=ru&form_factor=desktop"><u>pagespeed.web.dev/?hl=ru</u></a></p><p></p><p>Текст статей сайта должен быть без ошибок. Проверить текст сайта на ошибки на сервисе тут</p><p><a href="https://orpho.ru/project.php?t=n9jzyt958bbyphxx">https://orpho.ru/project.php?t=n9jzyt958bbyphxx</a><br /></p><p>Сайт должен быть оптимизирован для просмотра на различных устройствах (от мобильных телефонов до настольных компьютеров) с использованием адаптивной верстки.</p><p><br /></p><p>Сайт должен быть разработан с учетом SEO оптимизации, включая использование микроразметки <a href="http://Schema.org">Schema.org</a>.</p><p><br /></p><p>Выполнить без анимации, код чистый по максимуму. Вставить видео нужно куда-нибудь на главную в середину страницы и на страницу статьи блога. Страницы блога ориентировочно будут по 10 000 символов, между текстом через 2000 символов должны быть картинки и 1 видео. Можно с ютуб</p><p><br /></p><h2><b>Структура сайта:</b></h2><p><br /></p><p>Сайт должен состоять из следующих основных разделов: </p><p>Главная, О нас, Услуги, Вопрос-Ответ, Блог, Цены, Контакты, Об авторе.</p><p>На каждой странице должны присутствовать блоки "хедер", "футер", “Рекламный блок”, “Блок партнеров”.</p><p>Файлы хедера, футера и других повторяющихся блоков должны быть разделены отдельно и вставляться через функцию include для облегчения поддержки и изменений.</p><p></p><h2><b>Оптимизация загрузки сайта:</b></h2><h2><br /></h2><p>Все изображения должны быть оптимизированы для веба (сжаты без потери качества).</p><p>Внешние CSS и JavaScript файлы должны быть объединены и минимизированы для сокращения числа запросов по HTTP.</p><p><br /></p><p>Минификация HTML кода.</p><p><br /></p><h2><b>Адаптивная верстка:</b></h2><p><br /></p><p>Сайт должен быть адаптирован для просмотра на мобильных устройствах, планшетах и настольных компьютерах.</p><p>Использование медиа-запросов и других технологий для адаптивной верстки.</p><p><br /></p><h2><b>SEO оптимизация:</b></h2><p><br /></p><p>Добавление метатегов title, description, canonical для каждой страницы сайта. </p><p>Вставка микроразметки <a href="http://Schema.org">Schema.org</a> включая описание организации, контакты, адрес, логотип и другой контент в соответствующих местах на сайте.</p><p>Создание дружественных URL-адресов для каждой страницы.</p><p>Использование соответствующих тегов заголовков (h1, h2, h3 и т.д.) для каждой страницы.</p><p>Добавление социальных кнопок для улучшения шаринга контента.</p><p><br /></p><p>По каждой странице отдельно согласуем как должна будет выглядеть каждая страница. У каждых данных своя микроразметка будет. </p><p><br /></p><p>Страница Об авторе например, нужно будет где то поискать как оформляют. </p><p><br /></p><p><b>Ссылку на страницу “об авторе” в меню сайта не включаем. Данная ссылка будет указана в микроразметке у всех статей сайта</b></p><p><br /></p><h2><b>Метатеги:</b></h2><p><br /></p><p>Метатеги должны быть оформлены в <b>микроразметку </b><a href="http://Schema.org">Schema.org</a>.</p><p></p><p><b>Пример кода:</b></p><p><br /></p><p><!DOCTYPE html></p><p><html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></p><p><style data-emotion="css" data-s=""></style></p><p><style data-emotion="css" data-s=""></style></p><p><head itemscope itemtype="<a href="https://schema.org/WPHeader">https://schema.org/WPHeader</a>"> </p><p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p><title itemprop="name">Мой сайт</title></p><p><meta itemprop="keywords" name="keywords" content="ключевое слово" /></p><p><meta itemprop="description" name="description" content="?Описание сайта не более 150 символов!" /></p><p><meta name="viewport" content="width=device-width, initial-scale=1"></p><p><meta property="og:type" content="website"></p><p><meta property="og:image" content="<a href="https://zakjur.ru/img/logo.png">https://zakjur.ru/img/logo.png</a>"></p><p><meta property="og:site_name" content="<a href="http://zakjur.ru">zakjur.ru</a>" </p><p> <meta http-equiv="X-UA-Compatible" content="IE=edge"></p><p> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"></p><p> <!-- Styles --></p><p><link href="./1_files/new-app.css" rel="stylesheet" type="text/css"></p><p> <link href="./1_files/main.css" rel="stylesheet" type="text/css"></p><p> <!-- Fonts --></p><p> <link rel="shortcut icon" href="<a href="https://zakjur.ru/img/favicon.png">https://zakjur.ru/img/favicon.png</a>"></p><p> <link rel="dns-prefetch" href="<a href="https://fonts.gstatic.com/">https://fonts.gstatic.com/</a>"></p><p> <link href="./1_files/css" rel="stylesheet"></p><p> <link href="./1_files/css(1)" rel="stylesheet"></p><p> <link href="./1_files/css(2)" rel="stylesheet"></p><p> <link rel="canonical" href="<a href="https://zakjur.ru/"><u>https://zakjur.ru/</u></a>"></p><p><!-- Favicons--></p><p><link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"></p><p><link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png"></p><p><link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png"></p><p><link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png"></p><p><link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png"></p><p></p><p><!-- GOOGLE WEB FONT--></p><p><link href="<a href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300,400,700">https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300,400,700</a>" rel="stylesheet"></p><p></head></p>
