Документ обсуждает SEO и важность семантической разметки для повышения позиций сайта в поисковых системах. Рассматриваются стандарты schema.org и валидная верстка, соответствующая стандартам W3C. Также упоминаются рекомендации по организации JS и CSS файлов для веб-разработки.

1. «Особенности верстки
для продвижения сайта»
MEETUP #2

2. Что такое SEO?
Поиско́вая оптимиза́ция (англ. search engine optimization, SEO) — комплекс
мер по внутренней и внешней оптимизации для поднятия позиций сайта
в результатах выдачипоисковых систем по определённым запросам
пользователей

3. Название ID и
Классов

4. schema.org
Schema.org – это стандарт семантической разметки данных в сети,
объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.

5. Пример применения
микроразметки
shema.org
<h1 class="title" itemprop="headline"><?php the_title(); ?></h1>
Из этого:
H1 - указание на заголовок первого уровня, т.е. главный заголовок.
Title - класс выбранный программистом.
Headline - названия атрибута согласно schema.org.

6. Основные типы страниц для
применения SCHEMA.ORG

7. Как семантическая
разметка выглядит в
поисковой выдаче?

8. Валидная верстка
Валидная вёрстка – вёрстка, чья структура и код соответствуют
стандартам W3C (World Wide Web Consortium). А само понятие валидации
есть не что иное, как проверка соответствия текущей HTML страницы со
стандартами, указанными в объявлении типа документа .

9. Создание отдельных файлов JS
и CSS для больших фрагментов
кода

10. Использование свойства
{ display: none }

11. Стилизация контента
с помощью CSS

12. СПАСИБО ЗА
ВНИМАНИЕ