Я использую тот же HTML для моих регулярных веб-страниц и веб-страниц Google AMP project на этом сайте: http://www.tribunadabahia.com.br/Один или несколько кодовых баз HTML при использовании Google AMP?
Я следовал инструкциям на Github, но я не совсем уверен, что если используется один и тот же HTML является лучшей практикой.
Я не совсем уверен, что вы имеете в виду, когда говорите, что используете «один и тот же HTML» для AMP и обычных веб-страниц, поскольку на странице AMP потребуется библиотека AMP JS, компоненты AMP HTML (например, замена теги) и т. д., чтобы правильно функционировать как веб-страница AMP. Фактически, вам даже не нужно заменять вашу страницу без AMP, если вы этого не хотите (если это то, о чем вы думали), вы можете сохранить ее и ссылаться на нее на своей странице AMP, используя тег <link rel="canonical" href="$SOME_URL" /> (см. раздел «Требуемая надбавка» на странице this). Я думаю, что иметь страницу AMP, которая ссылается на обычную страницу, было бы лучше всего на случай, если некоторые браузеры не будут работать с страницами AMP.
Вам нужно:
<link rel="amphtml" href="..."/>#development=1 и ищет ошибки в консоли)Для этого вы можете, вероятно, повторно использовать значительную сумму своего исходного HTML-кода, удалив или заменив любые недопустимые элементы.
Большое спасибо! –
Существует множество ограничений на страницы AMP и теги, которые они могут использовать. Теги iframe и теги формы до недавнего времени не могли использоваться на страницах AMP. AMP поставляет теги для использования вместо некоторых из них. Примеры:
IFRAME --> AMP-IFRAME
IMG --> AMP_IMG
VIDEO --> AMP-VIDEO
AMP действительно ломается, чтобы иметь «более легкую» версию вашей главной страницы. Чтобы лучше объяснить, у вас будет обычный ампер-канонический тег на вашей обычной странице, в котором говорится, что есть версия AMP. Ваша версия AMP будет иметь каноническое отображение на вашей обычной странице. Если канонический AMP существует на обычной странице, Google вместо этого будет запускать версию AMP.
Итак, когда вы строите эти страницы, вы можете повторно использовать HTML с ваших обычных страниц, просто имейте в виду, что вам, скорее всего, потребуется изменить некоторые теги на странице для удовлетворения требований AMP. Также любой CSS, который необходим с ваших обычных страниц, нужно будет вытащить и поместить непосредственно на страницу AMP через тег.
Лучшее предложение, которое я могу сделать для вас прямо сейчас, - это как можно больше чтения на AMP, прежде чем начинать. Это гораздо менее болезненно.
AMP проект: read here
Удивительный ресурс: read here
Надеется, что это помогает!
Большое спасибо! В этом случае, я думаю, было бы лучше иметь разные HTML для каждого, потому что я не заменил никаких обычных тегов HTML для AMP HTML. –