Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

59 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Особенности верстки для продвижения сайта | OdessaFrontend 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. СПАСИБО ЗА ВНИМАНИЕ

×