БЭМ: новости проектов и последние релизы — Владимир Гриненко

•

0 likes•421 views

В ставшем уже традиционным для наших встреч докладе о новостях мы обсудим, что нового появилось bem.info, в документации, в библиотеках блоков и инструментах, помогающих работать с БЭМ. Поговорим о планируемом переходе с CSSO и bem-tools на новые инструменты и о том, куда мы движемся дальше. Приветствуются вопросы и ваши рассказы о проектах, в которых вы используете стек БЭМ-технологий.

Technology

БЭМ: новости проектов
и последние релизы
Владимир Гриненко
BEMup в Питере, 6 сентября 2014

3
Владимир Гриненко
tadatuta@yandex-team.ru
@tadatuta
github.com/tadatuta
Руководитель службы
разработки БЭМ

bem-tools@0.9.0
технологии stylus и less создают промежуточный файл
обновили зависимости, в т.ч. borschik
перешли на clean-css
добавили шаблоны для bem create (@ilyar)
7

borschik@1.3.0
возможность подавать на вход строку
возможность настраивать уровни директорий для фриза
исправлены ошибки
8

Новые версии
bem-naming
generator-bem-stub
gemini
11

bem-core@0.2.4
8 релизов с прошлого BEMup-а
https://github.com/bem/bem-core/releases
13

bem-components
roole → stylus
select
документация на все блоки
все виды тестов на все блоки
скоро релиз
14

19
ишьюй @ контрибьють
github.com/bem/проект/issues/new

bem.info
ru.bem.info/forum
twitter.com/bem_ru

What's hot

В докладе речь пойдёт о языке Go. Вячеслав расскажет о внутреннем устройстве языка (структуре, оптимизации, сборщике мусора и т.д.), о том, как и почему Go используют в Яндексе и что о нём говорят разработчики на С++. Отдельно Вячеслав остановится на многопоточном программировании и особенностях отладки и профилирования в Go.

Плюсы и минусы Go для разработчиков на C++, Вячеслав Бахмутов

Yandex

Введение в язык программирования Go

Elena Grahovac

Александр Панин, Как мы делали кроссплатформенную библиотеку SpeechKit на C++

Yandex

Александр Панин, Как мы делали кроссплатформенную библиотеку SpeechKit на C++

Yandex

Мы поговорим о том, как создать эффективный и надёжный код, переложив всю лишнюю работу на роботов. Решим проблему с разным окружением у разработчиков (vagrant), научимся писать стили удобно (roole, autoprefixer), оптимизируем получившийся CSS (clean-css, CSScomb) и графику (Imagemin, SVGO), проверим js-код (jshint, jshint-groups, jscs), убедимся, что некрасивый код не попадёт в репозиторий (git-hooks), и обсудим, как можно быстро и легко создавать новые инструменты. Автоматизируем всё, что можно, и подумаем, что и почему — нельзя!

Владимир Гриненко —Инструменты фронтенд-разработчика

Yandex

Atamas diploma

Semyon Atamas

Структура кода на С++

DEVTYPE

Как компилируется программа на С++?

DEVTYPE

Спросите любого программиста и он честно вам ответит, что 90% процентов его времени уходит на поиск ошибок. Подпишусь под этим и я, сменивший за долгие годы множество языков и фреймворков. Действительно, "человеку свойственно ошибаться". Так что же делать, если из человека это свойство не выбить? Как сократить это бездарно потраченное время? Тот же программист вам и ответ: "отлаживать, конечно". Это искуство сродни магии, доступно всем и покоряется немногим. Но к счастью, помимо проверенной временем практики "вставь сюда print" к услугам питонистов целый зоопарк инструментов. В этом докладе я постараюсь обобщить самые частые практики отладки, описать их плюсы/минусы и как они соотносятся с Python. Кроме этого, мы совершим обзорный экскурс по экосистеме и посмотрим, чем можно помочь себе в этой нелегкой борьбе. Для особенных эстетов мы рассмотрим техники получения информации из уже запущенного кода. Buckle up! ====== Ссылки ====== Python Debugger Uncovered https://www.youtube.com/watch?v=2sEPipctTxw How I built a power debugger out of the standard library and things I found on the internet https://www.youtube.com/watch?v=g8kF9tuYZ6s Architecture of Open Source Applications: GDB http://www.aosabook.org/en/gdb.html Advanced Python Debugging Techniques Using GDB https://www.youtube.com/watch?v=rB9rPdMRxIA pdb – Interactive Debugger https://pymotw.com/2/pdb/ bdb — Debugger framework https://docs.python.org/2/library/bdb.html

Отладка в Python: 2016 edition

Кирилл Борисов

Project migration while changing publisher: saving time and data

DevGAMM Conference

Log+

Ontico

Роман Янковский (Devexperts)

Ontico

Desktop-like Games. How and why?

DevGAMM Conference

Виктор Сергиенко «Асинхронный IO-boundPython: миф или реальность?»

DataArt

Go и fuse

Daniel Podolsky

От пояса с инструментами к полноценной лаборатории Постпроцессоры, SVG, автоматизация разработки и тестирования, эксперименты в браузере, живое документирование и многое другое. Роман Комаров, Яндекс Разработчик интерфейсов. В Яндексе с 2009 года, отвечает за вёрстку Яндекс.Почты. Экспериментирует над вёрсткой, интересуется фронтендом, ищет способы писать код быстро и качественно. Является мейнтейнером CSS-препроцессора Stylus.

От пояса с инструментами к полноценной лаборатории

Yandex

openSUSE Build Server от Б до Ю

Minsk Linux User Group

Ruby on Rails for noobs

Vitalii Tytskyi

Gdg создание telegram бота с использованием google сервисов без денег

Александр Вишняков

What's hot (19)

Плюсы и минусы Go для разработчиков на C++, Вячеслав Бахмутов

Введение в язык программирования Go

Александр Панин, Как мы делали кроссплатформенную библиотеку SpeechKit на C++

Владимир Гриненко —Инструменты фронтенд-разработчика

Atamas diploma

Структура кода на С++

Как компилируется программа на С++?

Отладка в Python: 2016 edition

Project migration while changing publisher: saving time and data

Log+

Роман Янковский (Devexperts)

Desktop-like Games. How and why?

Виктор Сергиенко «Асинхронный IO-boundPython: миф или реальность?»

Go и fuse

От пояса с инструментами к полноценной лаборатории

openSUSE Build Server от Б до Ю

Ruby on Rails for noobs

Gdg создание telegram бота с использованием google сервисов без денег

Viewers also liked

Вячеслав Бирюков - HTTP и HTTPS

Yandex

Building a Modern Security Engineering Organization. Zane Lackey

Yandex

Виктор Ашик - Python, part 1

Yandex

Иван Аржанцев - Системы уравнений, базисы Грёбнера и алгоритм Бухбергера

Yandex

Андрей Купавский «Ретвит-каскады: предсказываем популярность контента в социа...

Yandex

На прошлых BEMup’ах мы проводили мастер-классы по полному стеку БЭМ-технологий, на которых в реальном времени писали SSSR — агрегатор информации из социальных сетей. В этот раз мы хотим попробовать новый формат и дать вам возможность писать код самим. Для эффективной работы мы приготовим всё необходимое: настроенное окружение, задания с необходимой теоретической справкой, чтобы вы шаг за шагом освоили БЭМ-технологии, и тесты, на которых вы легко проверите, что выполнили задания правильно. И конечно, останемся в полном вашем распоряжении, чтобы отвечать на вопросы, помогать и советовать. Будет весело! Как подготовиться Для участия в мастер-классе вам потребуется ноутбук и аккаунт на GitHub, так как все задания мы берём из репозитория и складываем туда же выполненные. Нужный репозиторий находится здесь: bem/do-it-yourself-workshop — подпишитесь на него, пожалуйста. Наши инструменты протестированы под Mac OS и Linux. Если вы используете Windows, вам потребуется виртуальная машина с Ubuntu. Мы рекомендуем установить Vagrant, VirtualBox и заранее скачать для него образ Ubuntu. В системе должны быть установлены git, node.js, консоль и браузер. Мы рассчитываем, что у вас есть базовые навыки по общению с Unix-консолью, вы умеете клонировать git-репозитории и имеете представление о npm. Также нелишним будет освежить базовую информацию о БЭМ и пройти туториал «Создаём свой проект на БЭМ», если у вас есть время и желание.

Мастер-класс наоборот: вы пишете БЭМ-проект, а мы подсказываем — Евгений Конс...

Yandex

За время своего существования веб-разработка развилась в самостоятельную промышленную отрасль, производство сайтов поставлено на поток, любая более-менее крупная фирма имеет представительство в интернете, а некоторые виды бизнеса, вплоть до банковских, только в нём и существуют. Такое масштабное производство невозможно развернуть без соответствующих инструментов. Мы поговорим о том, какие вообще бывают инструменты веб-разработки, как они могут упростить и ускорить написание кода, сборку проекта и деплой.

Михаил Трошев — Инструменты веб-разработки

Yandex

Владимир Бородин - PostgreSQL

Yandex

Морфологический анализатор Mystem 3.0. Алексей ЗобнинЯндекс

Yandex

Dependency Injection в Android, Давид Майборода

Yandex

Рассказ об основных принципах, которых придерживается Viber в длительной разработке приложения с большой кодовой базой — если разработкой занимается распределённая команда. Мы обсудим используемые технологии, библиотеки, работу с кодом и многое другое.

Подходы и технологии, используемые в разработке iOS-клиента Viber, Кирилл Лаш...

Yandex

Михаил Ройзнер - Рекомендательные системы и факторизационые модели

Yandex

Евгений Плохой. Одессея 2014

Yandex

Keynote YaC/m 2014

Yandex

¿ Qué es web2.0?

meiracha

Limonta Wall colorvilla

Trizero S.r.l.

Några tips och tankar för dig som ska rekrytera

Randstad Sweden

Mutualism

naturalsciencekucte

La historia del bloncesto111

tapiasospina

Presentation1

Marcelo Bastos

Viewers also liked (20)

Вячеслав Бирюков - HTTP и HTTPS

Building a Modern Security Engineering Organization. Zane Lackey

Виктор Ашик - Python, part 1

Иван Аржанцев - Системы уравнений, базисы Грёбнера и алгоритм Бухбергера

Андрей Купавский «Ретвит-каскады: предсказываем популярность контента в социа...

Мастер-класс наоборот: вы пишете БЭМ-проект, а мы подсказываем — Евгений Конс...

Михаил Трошев — Инструменты веб-разработки

Владимир Бородин - PostgreSQL

Морфологический анализатор Mystem 3.0. Алексей ЗобнинЯндекс

Dependency Injection в Android, Давид Майборода

Подходы и технологии, используемые в разработке iOS-клиента Viber, Кирилл Лаш...

Михаил Ройзнер - Рекомендательные системы и факторизационые модели

Евгений Плохой. Одессея 2014

Keynote YaC/m 2014

¿ Qué es web2.0?

Limonta Wall colorvilla

Några tips och tankar för dig som ska rekrytera

Mutualism

La historia del bloncesto111

Presentation1

Similar to БЭМ: новости проектов и последние релизы — Владимир Гриненко

На примере карточек контактов мы покажем, как создать сайт на трехуровневой архитектуре с использованием полного стека БЭМ-технологий. Сервер мы реализуем на Express, а в качестве базовой библиотеки возьмем bem-core. Сырые данные будем преобразовывать во view-ориентированный BEMJSON с помощью декларативных шаблонов BEMTREE. При написании шаблонов BEMJSON → HTML применим новый JS-синтаксис BEMHTML. JavaScript на клиенте будет писаться с использованием блока i-bem.js.

Артем Курбатов — Мастер-класс «Динамический БЭМ-сайт на Node.js»

Yandex

Рассказываем и показываем на небольшом примере как делать тач-странички, используя БЭМ, и как это делает Яндекс. Все желающие могут повторить шаги для достижения задуманного результата, использовать библиотеку блоков bem-bl и инструменты bem tools. Формат – немного теории и мастер-класс.

Кир Белевич "Используем БЭМ для создания сайтов под iOS/Android"

Yandex

Мы строили-строили. Мы тестировали-тестировали. Мы писали документацию. Некоторые из вас принимали в этом активное участие и уже пользуются плодами работы. Теперь мы хотим поделиться нашими совместными результатами (18 готовых блоков!), рассказать о том, как вы можете ускорить разработку своих проектов, о том, что ждёт впереди, и о том, как сделать свою собственную библиотеку блоков такой же удобной и качественной, как это получилось с библиотекой bem-components.

Библиотека bem-components — Ангелина Сидорцова, Яндекс

Yandex

Под эгидой БЭМ за последние годы было создано много проектов, многие из которых продолжают развиваться и по сей день. Появляются новые проекты как от разработчиков внутри Яндекса, так и членов постоянно растущего БЭМ-сообщества. Как представить весь объём необходимой информации в рамках одного сайта? Что делать, когда не подходят gh-pages и стандартные CMS? Я расскажу о bem-site-engine — платформе для публикации проектов на БЭМ и не только, об истории разработки сайта bem.info и планах по его развитию.

bem.info — движок и сайт — Андрей Кузнецов, Яндекс

Yandex

Мало кто знает, но Яндекс – это не только Поиск. Больше десяти лет Яндекс делает разные интернет-сервисы: Карты, Почту, Директ, Музыку, Авто и так далее. В процессе их разработки был приобретён опыт, который мог быть полезен другим веб-разработчикам. Большое количество примеров из реальной практики побудило нас 10 лет назад придумать методологию БЭМ. Спустя 5 лет мы поделились ей с вами, вынеся в open source, вместе с инструментами и библиотекой блоков. Сейчас БЭМ — не просто свод правил про CSS и набор инструментов. Это открытая full stack платформа, у которой есть пользователи далеко за пределами Яндекса и СНГ. В докладе мы расскажем про эволюцию БЭМ: от методологии до полноценной платформы. Речь пойдёт об использовании полного стека БЭМ-технологий, о переходе к серверному JavaScript и автоматизации разработки. Мы поделимся нашими библиотеками блоков bem-core и bem-components, которые позволяют быстро собрать качественный интерфейс как из конструктора «Лего». На РИФ-Воронеж Владимир Гриненко и Елена Джетпыспавеа подробно рассказали, зачем БЭМ пошел в опенсорс, как прошел путь от методологии до full stack платформы и чему научились за это время, а также показали наших пользователей в лицо и поделились интересными уроками, которые вынесли, и которые помогут вам в разработке ваших продуктов. Обещаем много интересных подробностей.

bem-components — от методологии до full stack платформы

Yandex

Презентация к докладу про БЭМ by Mikhail Troshev

1 1

Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс

yaevents

Тема для WordPress в БЭМ

Varya Stepanova

Вебинар для тех, кто только начинает знакомиться с БЭМ. Необходимы базовые знания HTML и CSS, понимание общих процессов веб-разработки. В ходе вебинара мы на практике разобрали основы методологии БЭМ, посмотрели на типичные ошибки верстки и их решения, научились верстать по БЭМ с помощью текстового редактора и браузера. Содержание вебинара Что такое БЭМ - Методология и платформа - Преимущества методологии - Независимые блоки - БЭМ и WebComponents БЭМ и верстка - Разбиение интерфейса на блоки и элементы, использование модификаторов - Типичные ошибки верстки и решения проблем Файловая система - Расположение блоков в файловой системе - Уровни переопределения

Вебинар по БЭМ: верстаем веб-страницу

Yandex

В конце октября мы анонсировали первый релиз библиотеки bem-core v1.0.0, о которой вы уже не раз слышали на BEMup'ах, а кое-кто даже успел ей воспользоваться. Это базовая библиотека блоков для разработки веб-интерфейсов, в которой собран только необходимый минимум для разработки клиентского JS и HTML-шаблонов. С этим релизом мы перешли на модульную систему, удалили из i-bem и i-bem__dom все deprecated-методы, добавили технологии BEMTREE, vanilla.js, browser.js, Node.js. Ядро i-bem стало независимым от jQuery, а BEMHTML-шаблоны теперь можно писать с использованием JS-синтаксиса.

Сергей Бережной — bem-core v1.0.0

Yandex

Мы поговорим о том, как разрабатывается техническая документация к библиотеке bem-components и почему разделение интерфейса на блоки облегчает работу с документами как техническим писателям, так и разработчикам. А также о том, как мы выкладываем всю информацию по каждому блоку с примерами и JSDoc на наш сайт bem.info.

Документирование блоков. Раскрываем все плюсы — Инна Белая, Яндекс

Yandex

Мы строили-строили. Мы тестировали-тестировали. Мы писали документацию. Некоторые из вас принимали в этом активное участие и уже пользуются плодами работы. Теперь мы хотим поделиться нашими совместными результатами (19 готовых блоков!), рассказать о том, как вы можете ускорить разработку своих проектов, о том, что ждёт впереди, и о том, какие преимущества компонентной разработки для тестирования интерфейсов существуют.

Преимущества компонентной разработки для тестирования интерфейсов

Yandex

Рассказ о том, как в Яндексе собирали сервисы раньше, как их собирают сейчас и как их будут собирать в ближайшем будущем. Ответы на вопросы о том, что такое bem server, почему начали его разработку и какие проблемы он призван решить.

Сергей Белов "bem server: система сборки фронтенда"

Yandex

БЭМ упрощает разработку сайтов, которые нужно быстро создать и долго поддерживать. Эту технологию используют во фронтенде почти всех сервисов Яндекса, и она уже успела обрасти множеством библиотек и инструментов, которыми мы хотим с вами поделиться. С обширным арсеналом БЭМ, со всей его модульностью и мощью, вам останется «всего-то» придумать идею и реализовать её. На мастер-классе вы сможете вместе с нами создать то, что мы «только что» придумали. Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое уровни переопределения, познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты — например, autoprefixer, css-препроцессор Roole или модульная система YModules — упрощают жизнь разработчика и создают по-настоящему удобную платформу, если встроить их в процесс разработки на БЭМ. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JavaScript. Отдельная часть мастер-класса будет посвящена декларативным шаблонам BEMHTML и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON. Мы вместе напишем серверную часть приложения в БЭМ-методологии и используем данные от разных социальных и поисковых сервисов (RSS с Яндекс.Фоток, API Twitter и Instagram). В результате получится работающий сайт, а вы — на практике познакомитесь с полным стеком БЭМ-технологий. После мастер-класса мы сможем свободно пообщаться на профессиональные темы. Например, вы расскажете о трудностях, с которыми встретились при реализации проекта на БЭМ, и мы вместе подумаем, как воплотить вашу идею в жизнь.

Мастер-класс: Разрабатываем сайт с нуля на полном стеке БЭМ-технологий — Жека...

Yandex

БЭМ — это технология разработки сайтов, которые нужно быстро создать и долго поддерживать. Она используется в разработке фронтенда почти всех сервисов Яндекса и успела обрасти большим набором библиотек и инструментов, которым мы хотим с вами поделиться. Имея в своих руках обширный арсенал БЭМ со всей его модульностью и мощью, остаётся «всего-то» придумать идею и реализовать её. На мастер-классе вы сможете вместе с нами создать то, что мы «только что» придумали. Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое «уровни переопределения», познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты для упрощения жизни разработчика, вроде autoprefixer, css-препроцессора roole и модульной системы YModules, встраиваются в процесс разработки на БЭМ и создают по-настоящему удобную платформу. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JS. Более того, декларативным шаблонам: BEMHTML и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON, — будет посвящена одна из трёх частей мастер-класса. В результате получится работающий сайт, а вы на практике познакомитесь с полным стеком БЭМ-технологий. После мастер-класса запланировано дополнительное время на полезное общение: вы сможете рассказать о трудностях, с которыми встретились при реализации проекта на БЭМ, и мы вместе подумаем, как воплотить вашу идею в жизнь.

Жека Константинов, Дима Белицкий, Слава Аристов — Мастер-класс: разрабатываем...

Yandex

Bemer: декларативная шаблонизация на учебном примере. Артём Курбатов. Moscow...

MoscowJS

Bemer: декларативная шаблонизация на учебном примере — Артём Курбатов, Яндекс

Yandex

Сергей Татаринцев — bem-tools v1.0.0

Yandex

bem-tools — это набор инструментов для работы с файлами по БЭМ-методологии. Он позволяет создавать сущности, собирать финальный рантайм, работать с build-декларациями, собирать весь проект командой bem make или запускать сервер разработки на дереве исходников проекта (используя bem server). Один из самых популярных способов расширения возможностей bem-tools — написание модулей технологий. В докладе речь пойдет о том, зачем их писать и как убедиться в том, что все сделано правильно.

Сергей Татаринцев — Написание модулей технологий для bem-tools

Yandex

BEM и BEViS. Разработка интерфейсов в большом городе

Benjamin Tambourine

Similar to БЭМ: новости проектов и последние релизы — Владимир Гриненко (20)

Артем Курбатов — Мастер-класс «Динамический БЭМ-сайт на Node.js»

Кир Белевич "Используем БЭМ для создания сайтов под iOS/Android"

Библиотека bem-components — Ангелина Сидорцова, Яндекс

bem.info — движок и сайт — Андрей Кузнецов, Яндекс

bem-components — от методологии до full stack платформы

Презентация к докладу про БЭМ by Mikhail Troshev

Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс

Тема для WordPress в БЭМ

Вебинар по БЭМ: верстаем веб-страницу

Сергей Бережной — bem-core v1.0.0

Документирование блоков. Раскрываем все плюсы — Инна Белая, Яндекс

Преимущества компонентной разработки для тестирования интерфейсов

Сергей Белов "bem server: система сборки фронтенда"

Мастер-класс: Разрабатываем сайт с нуля на полном стеке БЭМ-технологий — Жека...

Жека Константинов, Дима Белицкий, Слава Аристов — Мастер-класс: разрабатываем...

Bemer: декларативная шаблонизация на учебном примере. Артём Курбатов. Moscow...

Bemer: декларативная шаблонизация на учебном примере — Артём Курбатов, Яндекс

Сергей Татаринцев — bem-tools v1.0.0

Сергей Татаринцев — Написание модулей технологий для bem-tools

BEM и BEViS. Разработка интерфейсов в большом городе

More from Yandex

Одна из наиболее часто возникающих задач в бизнес-аналитике для компаний — это предсказание оттока клиентов. Ведь если заранее знать, что клиент собирается уйти к конкуренту, его можно попытаться остановить. Задача будет рассмотрена на примере прогнозирования оттока игроков из World of Tanks.

Предсказание оттока игроков из World of Tanks

Yandex

Лекция Сергея Царика в Школе вебмастеров: «Как принять/организовать работу по поисковой оптимизации сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Основные этапы и методы поисковой оптимизации Рассмотрим проработку стратегии продвижения, планирование ресурсов на проект, поймем как нужно прорабатывать семантическое ядро для продвижения, разберемся с очередностью всех работ. Разложим по полочкам основные приемы оптимизации в связке с внутренними и внешними факторами ранжирования поисковых систем, а также в связке с поведенческими факторами и характеристиками. Разберемся с тем, что же должен делать оптимизатор для достижения топа. Что должно включать в себя ТЗ на поисковую оптимизацию Разберемся с основными блоками технического задания от оптимизатора, с тем, каким оно должно быть с точки зрения подачи информации и ее глубины. Сравнение in-house подхода и агентства Рассмотрим все «за» и «против» оптимизатора в штате компании и вне её. На основе каких метрик нужно оценивать эффективность оптимизаторской работы Выделим ключевые показатели эффективности работы оптимизатора, рассмотрим процесс их измерения, динамику, разберемся с возможными «миксами» и их связкой с мотивацией подрядчика.

Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...

Yandex

Лекция Юлия Тихоход в Школе вебмастеров: «Структурированные данные на поиске» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Что такое микроразметка и в чём её польза Что такое микроразметка (семантическая разметка, семантическая микроразметка) и кому она нужна. Очень кратко — всё, что я знаю о применении семантической разметки поисковыми системами и другими веб-сервисами. Передача данных в машиночитаемом виде Какие ещё есть способы передать данные о сайте поисковым системам кроме микроразметки, особенности разных способов. Что бывает с плохими вебмастерами, которые пытаются обмануть поисковые системы и передать неверные данные. Типы разметки Из чего состоит микроразметка, какие бывают словари и синтаксисы. Популярные сочетания словарей и синтаксисов, как правильно выбирать нужную комбинацию для своего сайта. Передача данных об интернет-магазине Разбор семантической разметки: что в принципе доступно для разметки в интернет-магазине, что это даёт, а что можно не размечать вовсе. Проверка правильности микроразаметки Ошибки в микроразметке, способы их обнаружения и исправления. Популярные валидаторы микроразметки. Какие ошибки непременно нужно исправлять, а что можно игнорировать.

Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса

Yandex

Лекция Сергея Лысенко в Школе вебмастеров: «Представление сайта в поиске» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Основные элементы сниппетов: как влиять на их формирование Как по внешнему виду и содержанию визитки судят, стоит ли «связываться», так и по представлению сайта на странице выдачи пользователи решают, стоит ли переходить на сайт. Как изменить представление сайта в выдаче поисковых систем? Что может повлиять на CTR и что для этого нужно сделать? Рассмотрим фавиконки, навигационные цепочки, быстрые ссылки и многое, многое другое. Зачем нам заголовок: как им управлять Что должно быть в заголовке, а чего уж точно не стоит делать. Как избавиться от мусора и расставить акценты. И как это скажется на представлении сайта в поиске. Основной контент аннотации и мета-описания: что нам они дают Сниппет — зачем он нужен? Как обрабатываются данные для аннотаций? Что в сниппете помогает, а что мешает пользователю сориентироваться? Как подсказать поисковой системе, что выводить в сниппете? От Open Graf до schema.org. Инструменты, возможности, рекомендации.

Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса

Yandex

Лекция Екатерины Гладких в Школе вебмастеров: «Плохие методы продвижения сайта» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Как завязывают с портянками Как использовать wordstat, чтобы превратить текст в SEO-портянку. Как Яндекс определяет текстовый спам и какие ограничения могут быть применены к сайтам, злоупотребляющим ключевыми словами. Эффектное размещение SEO-ссылок Какие бывают SEO-ссылки и как они классифицируются в базе Яндекса. В чём отличие SEO-ссылок от рекламы. Как размещать SEO-ссылки наиболее эффектно. Методы борьбы против ссылочного спама – АГС и Минусинск. Снятие ссылок. Поведенческие факторы, медитативные практики Популярные сервисы накрутки: как это работает и как это не работает. Методы накрутки и методы борьбы с мошенничеством. Примеры пользовательских сессий и кто на самом деле посещает ваш сайт. Как выйти из-под санкций за накрутку поведенческих факторов.

Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...

Yandex

Лекция Сергея Царика и Антона Роменского в Школе вебмастеров: «Основные принципы ранжирования» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Как работает поиск При запросе пользователя к поисковой системе происходит множество процессов, которые позволяют дать наиболее релевантный ответ. Рассмотрим основные механизмы формирования выдачи: формулы, Матрикснет, персонализацию и обновления. Что учитывается при ранжировании сайтов Так как сайты разные и по-разному решают пользовательские задачи, при ранжировании поисковой системе нужно учитывать множество факторов. Поговорим о том, что обязательно должно быть на сайте для правильной индексации. Ещё о факторах ранжирования Какой контент действительно важен и как его правильно представить. Для правильного ранжирования сайта важно разобраться с его региональной привязкой. Разберёмся, какой регион присваивать сайту и как сделать это правильно. Реальный кейс долгосрочной работы над позициями Посмотрим на реальном примере, как изменялись основные жизненные характеристики (трафик, конверсии) сайта на пути в топ выдачи поисковых систем.

Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...

Yandex

Лекция Александра Смирнова в Школе вебмастеров: «Основные принципы индексирования сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Как поиск находит страницу, её путь до появления в поиске Поисковые системы постоянно собирают информацию о страницах в интернете. Как же это происходит и как добавить страницы своего сайта в поиск? Проверка индексирования сайта. Как управлять роботом (зеркала, sitemap, robots.txt) Множество сайтов в интернете доступны сразу по нескольким адресам. Как указать поисковому роботу на основной и как скорректировать индексирование? Особенности индексирования Современные сайты используют различные технологии в своей работе. Рассмотрим, как настроить их правильно и сделать контент доступным для робота. Как улучшить индексирование (дубли, HTTP-ответ, удаление из поиска) В поиск попадают различные страницы, которые известны роботу. Какие нужны, а какие нет? Как повлиять на их индексирование?

Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...

Yandex

Лекция Александра Лукина в Школе вебмастеров: «Мобильное приложение: как и зачем» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Проектирование. Быть или не быть Обсудим обоснование для разработки мобильного приложения — какую ценность оно может принести для проекта и бизнеса. Определим основные типы приложений и сценарии использования. Рассмотрим основные технологии и выбор оптимальных для конкретных задач. ТЗ — как оценить и какие особенности необходимо учесть. Разработка. Важные детали На что обратить внимание на этапе разработки и тестирования, заметки по специфике мобильных экосистем. Выбираем арсенал SDK для всестороннего анализа проекта в полёте. Публикация и продвижение Кратко рассмотрим специфику Google Play и AppStore. Проведём экскурс в мир мобильного маркетинга, подчеркнём сходства с вебом и отличия от него. Рассмотрим ключевые метрики для анализа продукта и процесса продвижения, а также способы их повышения.

Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...

Yandex

Лекция Олега Ножичкина в Школе вебмастеров: «Сайты на мобильных устройствах» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Статистика и тренды по мобильному интернету Основные показатели мобильного интернет-рынка. Тенденции роста мобильной аудитории. Новые алгоритмы ранжирования поисковых систем Адаптация сайта к мобильным пользователям и её влияние на позиции в поисковой выдаче. Возможности для бизнеса в мобильном вебе Мобильный сайт позволяет воспользоваться дополнительными возможностями взаимодействия с пользователем. Рассмотрим конкретные примеры. Мобильный сайт и приложение — в чём разница Чем отличается мобильное приложение от мобильно сайта. Какие преимущества и недостатки у каждого варианта. Представление сайтов на мобильных устройствах Адаптивные сайты. Мобильные сайты. Сайты для десктопа. Чем они отличаются, какие преимущества у каждого типа и нужно ли переключаться между мобильной и десктоп-версиями? Удобный мобильный сайт для пользователя Поведение пользователей на мобильном сайте. Отличия от десктопа, достижение целей и простые правила увеличения конверсии. Специфика разработки мобильного сайта Особенности проектирования, разработки и тестирования сайтов. Инструменты для разработки мобильных сайтов Готовые инструменты для проектирования и тестирования. Примеры фреймворков.

Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...

Yandex

Лекция Юрия Батиевского в Школе вебмастеров: «Качественная аналитика сайта» https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Что мы хотим от аналитики сайта На какие вопросы должна отвечать аналитика сайта. Как аналитика сайта связана с аналитикой бизнеса. На какие блоки можно поделить аналитику онлайн-процессов. Какой должна быть идеальная аналитическая система. Анализ общих показателей бизнеса Как построить систему аналитики бизнеса в интернете. Ключевые показатели эффективности (KPI). Построение воронки продаж. Business Intelligence — сквозная аналитика всех процессов. Обзор инструментов для анализа сайта и аудитории Яндекс.Метрика и Google Analytics как основа веб-аналитики. Инструменты для веб-мастеров. Инструменты для анализа действий пользователей (Kiss-metrics, Woopra, Mixpanel). Системы для подсчета целевых действий, CPA и ROMI. Анализ каналов привлечения клиентов Как анализировать источники трафика. Популярные инструменты для анализа. Пройти тест по теме Процесс развертывания системы аналитики сайта Подготовка к установке систем веб-аналитики. Тонкости установки и настройки трекеров. Подключение коллтрекинга и дополнительных инструментов фиксации целевых действий. Настройка пользовательских сценариев. Пример по анализу пользовательского сценария.

Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...

Yandex

Лекция Петра Аброськина в Школе вебмастеров: «Что можно и что нужно измерять на сайте». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Базовые принципы веб-аналитики Как работает веб-аналитика и какие подводные камни есть в учёте и анализе данных. Как правильно работать с данными. Основные метрики и термины Посетители, визиты, глубина просмотра, время на сайте — какие метрики важны и чем они отличаются. Как выбрать правильный KPI Самый важный этап в веб-аналитике и продвижении сайта. Какие цели выбрать интернет-магазину, сайту услуг, контентному проекту и т.д. Ключевые группы отчетов и применение знаний на практике Семь главных типов отчётов для бизнеса. Анализ контекстной рекламы, SEO и контента сайта — на конкретных примерах.

Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...

Yandex

Лекция Алексея Бородкина в Школе вебмастеров: «Как правильно поставить ТЗ на создание сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ ТЗ: две буквы с большим потенциалом Что такое техническое задание. Какое место оно занимает в веб-разработке. Какие цели преследует. И каким требованиям оно должно отвечать. Что нужно сделать, прежде чем садиться за ТЗ Зачем нужна подготовка к написанию ТЗ. Какую информацию нужно собрать и как выстроить этот процесс. На каком этапе веб-разработки нужно писать ТЗ — и что будет, если этот момент упустить. Какое отношение имеют к ТЗ прототипы, пользовательские истории и прочие инструменты проектирования. Хорошее ТЗ Как соединить в один документ описание интерфейсов, структуру данных и много чего ещё. Структура правильного, хорошего ТЗ с подробным разбором каждого пункта. С какой стороны приступать и как эффективнее всего выстроить работу. Кто должен писать ТЗ Кто может написать хорошее ТЗ. Где найти такого человека и как встроить его в общие процессы. Что делать, если ТЗ пишет сам заказчик. Плохое ТЗ Популярные ошибки. Чем они ужасны и как их избежать. Жизнь с ТЗ По какой схеме нужно согласовывать ТЗ. Как применять его в дальнейшей работе. Кому не нужно показывать ТЗ ни при каких обстоятельствах. Что делать, если ТЗ никому не нравится. ТЗ по ГОСТ: ад на Земле Краткая история развития ТЗ со времён Брежнева и до наших дней. Почему я старательно избегаю слова «ТЗ». Почему вы должны нервно вздрагивать при слове «ГОСТ». Что делать, если вы работаете с госзаказчиком.

Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...

Yandex

Лекция Петра Волкова в Школе вебмастеров: «Как защитить свой сайт». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Актуальные типы угроз и динамика их развития Компрометация сервера и её последствия. Распределённые атаки типа «отказ в обслуживании». Подмена или добавление рекламы на стороне клиента. Атаки, направленные на пользователей. Проблемы, связанные со внешним содержимым. Управление рисками безопасности веб-сайтов Разные типы сайтов подвержены разным типам рисков информационной безопасности. Понимание целей и подходов злоумылшенников как ключ к эффективному снижению рисков. Методы монетизации атак на сайты. Доступный инструментарий и методики для обеспечения безопасности Открытые инструменты форензики для типовых и сложных проектов. Системы обнаружения вторжений, подходы к проектированию безопасности в архитектуре и процессах.

Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров

Yandex

Лекция Дмитрия Сатина в Школе вебмастеров: «Как правильно составить структуру сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Структура сайта, ориентированная на человека; построение структуры, карточная сортировка Содержимое сайтов часто организовано так, как кажется удобным разработчику или контент-менеджеру компании. Чаще всего такие структуры неудобны для реальных посетителей, потому что не совпадают с их знаниями, не поясняют, как устроен материал, и не помогают найти желаемое. Структура, ориентированная на пользователя, повышает вероятность того, что посетители найдут нужную информацию или товар и сделают это быстро. Стройте структуру, исходя из пользовательских сценариев. Выделение на сайте разделов, соответствующих структуре компании или схеме процесса закупки, как правило, усложняет навигацию для пользователя. Правильная структура учитывает уровень знаний покупателя и использует понятные ему термины и способы группировки. Разные типы структур, средства навигации, дальнейший поиск информации на странице Структуры сайтов, на которых ищут что-то определённое, отличаются от тех, что используются на сайтах, посетители которых ещё не уверены, что именно они хотят или как называется нужная вещь. Строгие структуры — например, организация по наименованию товара, производителю, — предполагают один способ группировки. При нестрогой организации данные можно группировать по теме, по жизненной ситуации и так далее. Используйте средства навигации, которые помогают понять, как организован материал. Решая, какой будет визуальная реализация навигации на сайте, необходимо учитывать количество разделов и связи �

Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...

Yandex

Лекция Дмитрия Васильева в Школе вебмастеров: «Технические особенности создания сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Сайт — расплывчатое понятие Раньше под словом «сайт» понимался набор HTML-страниц, расположенных в домене второго или третьего уровня. Появление социальных сетей размыло это понятие. Как выбрать домен Различные варианты, и какой из них подойдёт именно вашему сайту: доменные зоны, читаемые и нечитаемые домены, кириллица и латиница. Подходы к созданию сайтов Первые сайты делались на чистом HTML. Сейчас такой способ ещё встречается, но подавляющее большинство веб-страниц создаются при помощи CMS, фреймворков, конструкторов. Составные сущности: структура, макеты дизайна, интерактивные элементы, контент, система прав. Размещение сайта на хостинге. Российские и зарубежные, дорогие и дешевые, облачные и традиционные провайдеры. Кратко о тонкостях взаимодействия с ними. Что такое HTTPS Всё более популярный безопасный протокол доступа к сайту. Нужен ли он вам и в каких случаях. Как выбрать платформу для сайта, основные системы управления сайтом (CMS) и конструкторы. Сайт после запуска Сайты создаются с конкретной целью, обычно связанной с получением дохода. Как контент сайта и его технические характеристики напрямую могут влиять на бизнес-эффективность.

Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...

Yandex

Лекция Елены Першиной в Школе вебмастеров: «Конструкторы для отдельных элементов сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ О пользе тех или иных технологий Взгляд в будущее, короткий обзор других полезных технологий и «опасностей», которые подстерегают на пути к правильному их выбору. Как выбрать поиск для сайта Поиск для сайта — важный инструмент навигации. Чтобы оценить качество поиска по своему сайту, посмотрите на количество уходов со страницы результатов. Полнота, скорость индексирования, обработка запросов (исправление ошибок, опечаток, неправильной раскладки) — без этого невозможно представить качественный поиск. Как выбрать карты для сайта Уход посетителя с сайта на «большие» Яндекс.Карты за точной информацией об организации может обернуться потерей клиента, который уже был готов к покупке. Чтобы этого не допустить, лучше сделать интерактивную карту прямо на сайте. Автоматизация оплаты на сайте Люди привыкают платить картой, сегодня даже уличные киоски принимают их. Поэтому многим посетителям кажется «подозрительным» интернет-магазин, в котором недоступны электронные платежи. Начать приём банковских карт в онлайне очень просто, главное выбрать для этого подходящую технологию. Перевод важных страниц На каких языках говорит ваша аудитория, много ли у вас посетителей из-за рубежа? Ответы на эти вопросы даст Яндекс.Метрика. Именно она поможет оценить, нужно ли тратиться на профессионального переводчика и готовить отдельные описания товаров или новости на других языках. Во многих случаях для совершения покупки достаточно и простого машинного перевода. Узнайте, как его настроить, чтобы ключевые разделы сайта автоматически переводились для иностранных посетителей. Социальная интеграция Как заставить пользователей говорить о себе в социальных сетях? В первую очередь нужно сделать хороший продукт или услугу, но и без удобного инструмента для «шаринга» в соцсетях — никуда. Рекомендации о том, как выбрать и установить такой инструмент к себе на сайт.

Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...

Yandex

Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...

Yandex

Лекция Катерины Ерошиной в Школе вебмастеров: «Как написать хороший текст для сайта». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Назначение и типы текстов на сайте и вне его Цель текста — влиять на поведение пользователя. Самое простое — информировать, самое сложное — привести к покупке. Виды текстов для внешних публикаций. Белые книги и другие способы подтвердить экспертизу. Контент-план для наполнения, развития сайта и внешних публикаций Как проектировать контент для нового сайта. Как наращивать информационную массу сайта. Внешние контакты с потребителем. Разные уровни вовлечения: информируем, продаём, помогаем Пройти по пути покупателя, выдавать информацию, необходимую для совершения следующего шага. Ловушки на этом пути. Информационный стиль: применение с пониманием Чистить текст без фанатизма. Эмоциональное вовлечение. Рациональное обоснование. Структура и вёрстка Заголовки и подзаголовки, списки, абзацы, иерархия подачи информации. SEO-аспекты и LSI-копирайтинг Понимание ценности ключей. Зачем копирайтеру нужно семантическое ядро. Оценка качества текста (чеклист) Уникальность, фактическая достоверность, соответствие целям, информационная плотность, грамотность.

Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...

Yandex

Лекция Алексея Иванова в Школе вебмастеров: «Usability и дизайн: как не помешать пользователю». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Что такое юзабилити и почему оно важно Поведение пользователей на сайте и достижение ими запланированных целей зависит не только от контента, но и от удобства сайта. Информационное и функциональное наполнение сайта Перед созданием сайта нужно правильно определить, какая информация и какой функционал должны быть на сайте. При этом нужно исходить не из того, что у вас есть, а из того, что будет нужно будущим посетителям вашего сайта. Проектирование входных страниц В зависимости от целей сайта и источников посетителей нужно сформулировать требования к входным страницам сайта и их содержанию. Сценарии поведения пользователя Для правильного распределения информации нужно описать сценарии взаимодействия с сайтом для разных групп посетителей. Рассмотрим методы совмещения разных сценариев на одном сайте. Пройти тест по теме Управление конверсией В большинстве случаев мы ждем от посетителя сайта какого-то целевого действия. Это может быть регистрация, отправка заявки, звонок или что-то ещё. Вы увидите способы мотивации посетителей к совершению целевого действия для различных типов сайтов. Пройти тест по теме Основные принципы распределения информации В рамках этого блока вы увидите, как нужно распределять информацию на странице, чтобы посетители увидели всё, что вы хотите им показать. Мобильная версия сайта и принципы юзабилити Всё больше посетителей приходят на сайт с мобильных устройств. Рассмотрим основные особенности взаимодействия с информацией с мобильного устройства и подходы к адаптации сайта под них.

Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...

Yandex

Лекция Алексея Иванова в Школе вебмастеров Яндекса: «Сайт. Зачем он и каким должен быть». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Типы сайтов и потребности аудитории В зависимости от решаемых задач, сайты можно разделить на несколько характерных типов с разными функциями и контентом. Перед созданием сайта важно понять, чего ждут посетители и какими хотят видеть веб-страницы. При этом на один и тот же сайт может попадать разная аудитория, которая ведёт себя по-разному и каждая имеет свои потребности. Для каждого сегмента нужно разработать отдельные сценарии взаимодействия с информацией на вашей площадке. Сайт с точки зрения бизнеса Чаще всего сайт создается для решения конкретных бизнес-задач. Рассмотрим различные типы монетизации сайтов и особенности каждого из них. Основные показатели и методы измерения Одно из главных преимуществ цифровых каналов — детальная аналитика взаимодействия посетителей с сайтом. В данном блоке рассмотрим основные инструменты измерения, ключевые показатели сайта, на которые нужно обращать внимание, и подходы к интерпретации полученных данных для принятия решений.

Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...

Yandex

More from Yandex (20)