{"draftJsState":{"blocks":[{"data":{"image":{"id":"5b9cebeb7ff15d00a9d6bb3e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5bk0d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прежде чем начать создавать странички на AMP, давайте рассмотрим первое шаблонное приложение. Возьмите код ниже, скопируйте в файл с расширением .HTML и сохраните. Это будет каркас первый страницы на AMP HTML.","type":"unstyled","key":"374am"},{"data":{"embedData":{"type":"youtube","postUrl":"https://www.youtube.com/embed/xszZPhDPEtI"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"3qtpu"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":11,"offset":36}],"inlineStyleRanges":[],"text":"Код базового шаблона можно найти на нашем сайте, нужно его хорошенько просмотреть и понять, из чего состоит наш каркас страницы AMP.","type":"unstyled","key":"uvdb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обязательная разметка страницы","type":"header-two","key":"463n7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На всех страницах AMP должны соблюдаться следующие правила:","type":"unstyled","key":"85et9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Общая информация","type":"header-three","key":"dpf4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":15,"style":"BOLD"}],"text":"Стартовый тег: . Он должен быть всегда первым.","type":"unordered-list-item","key":"9lgj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":46,"style":"BOLD"},{"length":7,"offset":106,"style":"BOLD"}],"text":"Начало страницы отмечается стандартным тегом . Соответственно, последним будет закрывающий тег .","type":"unordered-list-item","key":"1neme"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":58,"style":"BOLD"},{"length":7,"offset":67,"style":"BOLD"}],"text":"В отличие от стандартного языка разметки HTML, в AMP теги и обязательны.","type":"unordered-list-item","key":"b127s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Блок заголовка ","type":"header-three","key":"7hr7f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":131,"style":"BOLD"},{"length":15,"offset":155,"style":"BOLD"},{"length":14,"offset":391,"style":"BOLD"}],"text":"Необходимо задать базовую (каноническую, образцовую) HTML-страничку той AMP-страницы, которую Вы создаете. Прописывается это в теге , в его атрибуте rel=\"canonical\", туда нужно передать ссылку на базовую HTML-страницу. Если Вы не хотите делать HTML-версию, можно прописать здесь ссылку на эту же AMP-страницу (цикличная ссылка). На основной HTML-странице, соответственно, будет атрибут rel=\"amphtml\", он будет вести на AMP-версию страницы.","type":"unordered-list-item","key":"5o7d5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":45,"style":"BOLD"},{"length":6,"offset":116,"style":"BOLD"}],"text":"Обязательно нужно прописывать набор символов , и делать это нужно сразу после объявления тега .","type":"unordered-list-item","key":"890ad"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":68,"style":"BOLD"}],"text":"В том же блоке заголовка, необходимо прописать специальный мета-тег viewport (параметры можно посмотреть в соответствующем коде выше). Отвечает этот тег за то, чтобы страничка масштабировалась под размеры конкретного мобильного экрана пользователя, открывшего ее.","type":"unordered-list-item","key":"3j8dt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":62,"offset":27,"style":"BOLD"}],"text":"Последний заголовочный тег должен загружать специальную AMP JS библиотеку для быстрой визуализации страниц.","type":"unordered-list-item","key":"4n03a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":52,"style":"BOLD"}],"text":"В заголовочной части также должен быть прописан тег