Successfully reported this slideshow.
Your SlideShare is downloading. ×

Особенности верстки для продвижения сайта | Odessa Frontend Meetup #2

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 12 Ad

Особенности верстки для продвижения сайта | Odessa Frontend Meetup #2

Download to read offline

Немногие разработчики задумываются о продвижении сайта в момент его верстки. Олег Сороченко рассказывает, как именно названия классов, оптимизация кода и обозначения элементов на сайте напрямую влияет на дальнейшее успешное продвижение сайтов в поисковых системах. Во время презентации мы сможем рассмотреть верстку сайта начиная от создания структуры страницы и заканчивая стилями текстовых страниц.

Немногие разработчики задумываются о продвижении сайта в момент его верстки. Олег Сороченко рассказывает, как именно названия классов, оптимизация кода и обозначения элементов на сайте напрямую влияет на дальнейшее успешное продвижение сайтов в поисковых системах. Во время презентации мы сможем рассмотреть верстку сайта начиная от создания структуры страницы и заканчивая стилями текстовых страниц.

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

Similar to Особенности верстки для продвижения сайта | Odessa Frontend Meetup #2 (20)

Advertisement

More from OdessaFrontend (20)

Recently uploaded (18)

Advertisement

Особенности верстки для продвижения сайта | Odessa Frontend Meetup #2

  1. 1. «Особенности верстки для продвижения сайта» MEETUP #2
  2. 2. Что такое SEO? Поиско́вая оптимиза́ция (англ. search engine optimization, SEO) — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачипоисковых систем по определённым запросам пользователей
  3. 3. Название ID и Классов
  4. 4. schema.org Schema.org – это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. 
  5. 5. Пример применения микроразметки shema.org <h1 class="title" itemprop="headline"><?php the_title(); ?></h1> Из этого: H1 - указание на заголовок первого уровня, т.е. главный заголовок. Title - класс выбранный программистом. Headline - названия атрибута согласно schema.org.
  6. 6. Основные типы страниц для применения SCHEMA.ORG
  7. 7. Как семантическая разметка выглядит в поисковой выдаче?
  8. 8. Валидная верстка Валидная вёрстка – вёрстка, чья структура и код соответствуют стандартам W3C (World Wide Web Consortium). А само понятие валидации есть не что иное, как проверка соответствия текущей HTML страницы со стандартами, указанными в объявлении типа документа .
  9. 9. Создание отдельных файлов JS и CSS для больших фрагментов кода
  10. 10. Использование свойства { display: none }
  11. 11. Стилизация контента с помощью CSS
  12. 12. СПАСИБО ЗА ВНИМАНИЕ

×