ya.islands how to
DESCRIPTION
Ya.Islands How-To. Download slides to get all beatiful animations work (and screencast ;)). Чтобы полностью погрузиться, рекомендую скачать презентацию. Заработает анимация и скринкаст в конце.TRANSCRIPT
![Page 1: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/1.jpg)
Экономим $500 на Яндекс.Островах
![Page 2: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/2.jpg)
У меня будет свой остров…
![Page 3: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/3.jpg)
1
XML файл с описанием
формы
2
Микроразметка на странице с
формой
3
Модерация
4
![Page 4: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/4.jpg)
1
XML файл с описанием
формы
2
Микроразметка на странице с
формой
Остановимся на технических деталях…
![Page 5: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/5.jpg)
…на примере интернет-магазина
![Page 6: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/6.jpg)
Для начала сформируем XML
![Page 7: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/7.jpg)
Начнём с заголовка…
![Page 8: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/8.jpg)
…и информации о сайте
![Page 9: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/9.jpg)
Добавим выбор бренда
![Page 10: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/10.jpg)
И не забудем про доставку
![Page 11: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/11.jpg)
Для Москвы возможен самовывоз
![Page 12: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/12.jpg)
Получившийся файл проверим на ошибки
![Page 13: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/13.jpg)
А что с разметкой?
![Page 14: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/14.jpg)
Привязываем остров к странице с помощью тегов Open Graph…
![Page 15: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/15.jpg)
…или schema.org в синтаксисе JSON-LD
![Page 16: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/16.jpg)
Ошибиться сложно, но проверить не помешает
![Page 17: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/17.jpg)
Готово!
![Page 18: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/18.jpg)
Добавим ещё немного технологий
![Page 19: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/19.jpg)
Запрос разбирается в поля формы
Регион пользователя подставляется автоматически
![Page 20: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/20.jpg)
![Page 21: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/21.jpg)
![Page 22: Ya.islands how to](https://reader034.vdocuments.net/reader034/viewer/2022051817/5479593fb37959532b8b4732/html5/thumbnails/22.jpg)
Несколько полезных ссылок
• Демо-остров (github): http://clck.ru/8qccu • Документация: http://clck.ru/8kZ8v • Проверка XML форм: http://clck.ru/8qcd6 • Проверка разметки: http://clck.ru/8qcdC