Как преобразовать существующие страницы в совместимые с AMP

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

Теперь проблема в том, что вся эта страница новостей отображается на другой странице HTML, которая не совместима с AMP.

e.g.

<html ...>
    <head>...</head>
    <script>...</script>
    <body>...
        <div id="story">
            <AMP PAGE Content>
        </div>
    </body>
</html>

Здесь story div содержит полные данные страницы AMP, что означает полную новость, которая отображается на странице шаблона.

Теперь дело в том, что страница AMP, которая находится внутри story div, успешно завершает проверку, но шаблон выдает ошибку при проверке.

Ничего страшного, если этот шаблон не пройдет проверку?

Будет ли какой-либо эффект в поиске Google или загрузке страницы?

На этой странице также используется jquery, так что есть ли решение, если мы используем jquery с AMP?


html jquery css amp-html
person Paresh Thakor    schedule 11.11.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Это нормально, если этот шаблон не проходит проверку?

  • Насколько я знаю, это не нормально, так как это действительно может повлиять на то, что ваши страницы не будут обнаружены. Я думаю, будет полезнее, если вы завершите проверку своих страниц AMP, поскольку это также подтверждает, что ваш AMP-документ можно обнаружить.

Будет ли какое-либо влияние на поиск Google или загрузку страницы?

На этой странице также используется jquery. Есть ли решение, если мы используем jquery с AMP?

  • На самом деле AMP состоит из трех разных частей:

    • AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML.
    • Библиотека AMP JS обеспечивает быстрое отображение HTML-страниц AMP.
    • Кэш Google AMP можно использовать для обслуживания кэшированных HTML-страниц AMP.

    Однако обратите внимание, что в документации упоминается, что AMP позволяет использовать только асинхронный JavaScript, чтобы JavaScript не задерживал отрисовку страницы, а сторонние JS разрешены только в iframe. И, если есть JavaScript, которые полагаются на jQuery, они должны быть загружены до JavaScript.

Надеюсь, это поможет!

person Teyam    schedule 12.11.2016
comment
Спасибо @Teyam. Не могли бы вы предложить какой-либо инструмент, структуру или пример для автоматизации этого процесса AMP? Я имею в виду, можем ли мы автоматизировать процесс преобразования обычной страницы в страницу, совместимую с AMP? Поскольку у нас есть тысячи новостей, и мы можем сделать каждую из них AMP-совместимой вручную. Кроме того, эти истории также поступают из разных источников и не могут справиться с этой операцией вручную. - person Paresh Thakor; 16.11.2016
comment
Это обсуждение реализации AMP как "типа статьи" может дать вам некоторые идеи относительно автоматизации преобразования обычных страниц в AMP. - person Teyam; 17.11.2016
comment
Спасибо @Teyam, я прочитаю это и попытаюсь реализовать то же самое. Недавно я попробовал html-to-amp (github.com/micnews/html-to-amp), html-to-article-json (github.com/micnews/html -to-article-json), article-json-to-amp (github.com/micnews/article-json-to-amp). Но не повезло успешно преобразовать HTML в правильный AMP. - person Paresh Thakor; 17.11.2016