Создание сайта в HTML формате на файлах PHP. Нужен быстрый сайт

$5
HTML-версткаЗакрыт3 заявки169 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Техническое задание для веб-мастера верстальщика на создание сайта zakjur.ru в HTML формате на файлах PHP с применением вставки блоков "хедер", "футер" и других через функцию include.


Общие требования:


Сайт должен быть легким и быстрым в загрузке. Все параметры сайта при загрузке с ПК и Смартфонов должны быть с параметрами более 90 при проверке на сервисе: 

pagespeed.web.dev/?hl=ru

Текст статей сайта должен быть без ошибок. Проверить текст сайта на ошибки на сервисе тут

https://orpho.ru/project.php?t=n9jzyt958bbyphxx

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


Сайт должен быть разработан с учетом SEO оптимизации, включая использование микроразметки Schema.org.


Выполнить без анимации, код чистый по максимуму. Вставить видео нужно куда-нибудь на главную в середину страницы и на страницу статьи блога. Страницы блога ориентировочно будут по 10 000 символов, между текстом через 2000 символов должны быть картинки и 1 видео. Можно с ютуб


Структура сайта:


Сайт должен состоять из следующих основных разделов: 

Главная, О нас, Услуги, Вопрос-Ответ, Блог, Цены, Контакты, Об авторе.

На каждой странице должны присутствовать блоки "хедер", "футер", “Рекламный блок”, “Блок партнеров”.

Файлы хедера, футера и других повторяющихся блоков должны быть разделены отдельно и вставляться через функцию include для облегчения поддержки и изменений.

Оптимизация загрузки сайта:


Все изображения должны быть оптимизированы для веба (сжаты без потери качества).

Внешние CSS и JavaScript файлы должны быть объединены и минимизированы для сокращения числа запросов по HTTP.


Минификация HTML кода.


Адаптивная верстка:


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

Использование медиа-запросов и других технологий для адаптивной верстки.


SEO оптимизация:


Добавление метатегов title, description, canonical для каждой страницы сайта. 

Вставка микроразметки Schema.org включая описание организации, контакты, адрес, логотип и другой контент в соответствующих местах на сайте.

Создание дружественных URL-адресов для каждой страницы.

Использование соответствующих тегов заголовков (h1, h2, h3 и т.д.) для каждой страницы.

Добавление социальных кнопок для улучшения шаринга контента.


По каждой странице отдельно согласуем как должна будет выглядеть каждая страница. У каждых данных своя микроразметка будет. 


Страница Об авторе например, нужно будет где то поискать как оформляют. 


Ссылку на страницу “об авторе” в меню сайта не включаем. Данная ссылка будет указана в микроразметке у всех статей сайта


Метатеги:


Метатеги должны быть оформлены в микроразметку Schema.org.

Пример кода:


<!DOCTYPE html>

<html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style data-emotion="css" data-s=""></style>

<style data-emotion="css" data-s=""></style>

<head itemscope itemtype="https://schema.org/WPHeader">    

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title itemprop="name">Мой сайт</title>

<meta itemprop="keywords"  name="keywords" content="ключевое слово" />

<meta itemprop="description"  name="description" content="🍫Описание сайта не более 150 символов!" />

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta property="og:type" content="website">

<meta property="og:image" content="https://zakjur.ru/img/logo.png">

<meta property="og:site_name" content="zakjur.ru" 

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Styles -->

<link href="./1_files/new-app.css" rel="stylesheet" type="text/css">

  <link href="./1_files/main.css" rel="stylesheet" type="text/css">

  <!-- Fonts -->

    <link rel="shortcut icon" href="https://zakjur.ru/img/favicon.png">

    <link rel="dns-prefetch" href="https://fonts.gstatic.com/">

    <link href="./1_files/css" rel="stylesheet">

    <link href="./1_files/css(1)" rel="stylesheet">

    <link href="./1_files/css(2)" rel="stylesheet">

    <link rel="canonical" href="https://zakjur.ru/">

<!-- Favicons-->

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

<link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">

<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">

<!-- GOOGLE WEB FONT-->

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300,400,700" rel="stylesheet">

</head>

4 месяца назад
zapsib1
47 летРоссия
12 лет в сервисе
Был
20 дней назад