Миграция CMS WP на DLE. Тщательная верстка

Миграция CMS WP на DLE. Тщательная верстка

Требуется совершить миграцию сайта с WordPress 4.4 на DLE последней версии.

Лицензию на DLE предоставляет наша сторона.

Структура сайта представляет из себя (13 статичных лендингов, 6 внутренних страниц и типовая страница Портфолио)

Предоплата 30%

Перенос осуществляется с целью качественного SEO продвижения. Поэтому критерии чистоты html кода и скорости загрузки наиболее критичные. Приемка работы будет осуществляться на основе оценки этих критериев

Условия 100% завершения работы по миграции:

1) Движок работает, структура файлов чистая и понятная(т.е. нет тысячи папок с тестовыми файлами сайта и тд)

2) Минимум установленных плагинов(помимо тех что идут в коробке). Только самые необходимые

4) галерея на типовой странице Портфолио не обязательно должна иметь именно такую верстку. Можно и другую, только она должна быть удобной для просмотра человеком в десктопной версии и нормально отображаться в мобильной версии

6) На странице только один тег H1 остальные теги h2, h3 ... идут в хронологическом порядке. (т.е. если у нас сейчас они идут не в хронологическом порядке то заменяем их на div и применяем стиль заголовка)

7) Кодировка сайта не utm-8, а 1251

8) Использование тегов html5 помогающих роботу правильно понять структуру страницы nav, head, section, footer и т.д.

Условия 100% завершения работы по верстке:

1) Код всех страниц полностью валиден.(полный список страниц здесь http://stroyfederal.ru/sitemap.xml) Валидность проверяем сервисом https://validator.w3.org/ При проверке каждой из страниц не должно быть ошибок Error и не более 5-ти

Warning

2) Файл стилей должен быть валидным. Валидность проверяем здесь https://jigsaw.w3.org/css-validator/ При проверке не должно быть ошибок Error

2) Иконки должны быть объеденные в sprites

4) Все наши javascript должны быть объеденные в один файл. Все сторонние библиотеки должны лежать на сервере в минимизированных версиях.(А лучше вообще во возможности свести к минимуму использование лишних скриптов). Все js файлы

подключаем в футере перед тегом </body>

5) Два файла css и javascript должны быть в удобном для чтения форматированном виде, а также в минимизированном виде (браузеру отдаем именно минимизированный вид)

6) На сайте не должно быть применено свойств display:none и visibility:hidden Верстаем эти свойства альтернативным способом

7) вс картинки должны иметь именно те размеры которые максимально нужны для отображения на дисплее с макс. разрешением 20" Т.е. если картинка отображается в браузере 200х200 то ее нужно порезать до этих размеров без потери качества.

8) CRM(и ее плагины) должны генерировать валидный код, не должны добавлять ненужные библиотеки и другую труху. Если плагин генерирует много лишнего кода, то от этого плагина нужно отказаться.

9) Все фреймы убираем. Если это видео то скачиваем его на сервер и отображаем с помощью HTML5. Если это карта то просто вставляем картинку вместо карты.

10) meta-теги title, description и keywords располагаются сразу после тега head

11) На сервере включено кеширование файлов на лету(Сделаем совмесно)

12) Мобильная версия "хорошо" отображается, написана на bootstrap. Т.е. написаны стили @media под размер планшета и смартфона.

13) закомментированный код удаляем

14) Кросбраузерность. Должна быть но без фанатизма, проверяем на версиях популярных браузеров 2-х годичной давности

15) 301 редирект на главную для 404 страницы

16) Не использовать strong, b - нужную толщину шрифта задать в CSS

17) Вся навигация сайта (меню, хлебные крошки, списки и тд.) с помощью ненумерованных списков (теги ul, li)

18) Циклические ссылки - страницы не должны ссылаться сами на себя. Например, страница http://stroyfederal.ru/uslugi/ ссылается на себя в меню.

19) Удостовериться, что в коде отсутствуют битые ссылки.

20) print.tpl static_print.tpl - не нужны.

21) Применить скрипт закрытия ссылок в jQuery для следующих ссылок в верхнем и нижнем меню: портфолио, контакты, о компании, вакансии, блог, отзывы. А также для исходящих ссылок на соц. сети

Любой элемент, к которому дописан атрибут data-innerlink="http://site.ru" или data-extlink="http://site.ru" превратится в псевдо-ссылку, т.е. по клику будет поведение, характерное для ссылки

data-innerlink - внутренняя ссылка

data-extlink - внешняя

<script type="text/javascript">

 jQuery(document).ready(function($) {

 // Псевдо-ссылки

 // Внутренние

 $('body').on('click', '[data-innerlink]', function() {

 window.location.href = ($(this).data('innerlink'));

 });

 // Внешние

 $('body').on('click', '[data-extlink]', function() {

 window.open($(this).data('extlink'));

 });

 });

</script>

<ul>

 <li><span class="menu-link1" data-innerlink="внутренняя ссылка">Главная</span></li>

 <li><span class="menu-link1" data-innerlink="внешняя ссылка" >Обратная связь</span></li>

</ul>

<div style="clear: both;"></div>

</div>

<div style="clear: both;"></div>

21) Указать viewport

Разработка будет вестись на тестовом сервере параллельно будет существовать оригинал.

Чтобы ни в коем случае не допустить индексации тестового сайта ОБЯЗАТЕЛЬНО прописывание на каждой странице тега

<meta name="robots" content="noindex,nofollow,noodp"/>

а также запрет на индексацию в robots.txt