ИнтернетПохожие презентации:
Пусконаладка. Навигация
1. Пусконаладка
2. GitHub Pages
Создаём локальную ветку "gh-pages"$ git checkout -b gh-pages
Отправляем ветку на удалённый репозиторий
$ git push origin gh-pages
Проверяем
https://YOUR-ACCOUNT.github.io/
3. Навигация
1) Исправить битые ссылки (сайт)2) Меню и любые другие ссылки имеют два
состояния (default, hover)
3) Ссылка на логотипе ведёт на главную
страницу
4) На главной странице ссылки на логотипе
не должно быть
4. Контент
1)2)
3)
4)
Проверить орфографию (сайт)
Есть favicon.ico (сайт)
Заголовок страницы обёрнут в тег H1
Отключён Skype плагин
5. Мобильная версия
1) Проверить наличие мета-тега viewport2) Проверить адаптивность мобильной
вёрстки (сайт). Так же проверить (по
возможности) на реальных устройствах
3) Проверить ссылки на «дружелюбность».
У телефона: tel:+70000000000
У email: mailto:example@domain.com
У Skype: skype:login_skype
6. Анализ
1)2)
3)
4)
Время загрузки страницы (сайт)
Оптимизированы картинки (сайт)
Валидный HTML (сайт)
Валидный CSS (сайт)
7. Шаринг
<!-- Facebook --><meta property="og:title" content="{{meta_title}}" />
<meta property="og:description" content="{{meta_description}}" />
<meta property="og:image" content="{{img_social_fb}}" />
<meta property="og:url" content="http://{{domain}}/{{fb_url}}" />
<meta property="og:site_name" content="{{site}}" />
<!-- /Facebook -->
<!-- VK -->
<link rel="image_src" href="{{img_social}}" />
<meta property="og:image" content="{{img_social_vk}}" />
<!-- /VK -->
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="{{site}}" />
<meta name="twitter:title" content="{{meta_title}}" />
<meta name="twitter:description" content="{{meta_description}}" />
<meta name="twitter:image" content="{{img_social_tw}}" />
<meta name="twitter:domain" content="{{domain}}" />
<!-- /Twitter -->
<!-- Google Plus -->
<meta itemprop="name" content="{{site}}" />
<meta itemprop="description" content="{{meta_description}}" />
<meta itemprop="image" content="{{img_social}}" />
<!-- /Google Plus -->
8. Шаринг
{{site}} – Название сайта. Например: Weblime{{meta_title}} – Заголовок
{{meta_description}} – Описание страницы
{{img_social_tw}} – Полный URL адрес до картинки Twitter'a
(280 по ширине, 150 по высоте, не более 1Mb).
{{domain}} – URL сайта без http (домен)
{{img_social_fb}} – Полный URL адрес до картинки Facebook'a
(600 (ш) x 315 (в), либо 1200 (ш) и 630 (в))
{{fb_url}} – Адрес текущей страницы
{{img_social}} – Полный URL адрес до картинки для
Google+ и VK.
9. Завершающие этапы
1) Проверить сайт во всех популярныхбраузерах (desktop, mobile, tablet)
2) Проверить сайт на малом разрешении
экрана