Ускоренные мобильные страницы (AMP) -HTML

Question

Я новичок в AMP и хочу применить его к сайту, на котором я работаю, я просматривал документацию AMP и у меня возникли проблемы при связывании html-страницы со страницей amp, я не знаю,это потому, что я работаю локально, когда я помещаю в браузер путь страницы amp, если она загружается, но когда я делаю связь между html и amp, она не работает

Answer 1

Если у вас есть стандартная HTML-страница и AMP-версия этой же страницы, вам нужно разместить ссылку на AMP-версию в заголовке HTML-страницы. Документация .

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

В версии AMP должна быть ссылка на стандартную версию HTML.Это делается с помощью канонического тега, опять же, он должен быть помещен в заголовок HTML.

<link rel="canonical" href="https://www.example.com/url/to/canonical/document.html">

Если ваши пользователи используют стандартную версию HTML, их браузер не будет автоматически перенаправлять их в AMPверсия.Это заставит браузер загрузить страницу дважды и победит объект AMP, который должен ускорить время загрузки страницы.

Вместо этого, когда Google или другие поисковые системы сканируют ваш сайт.Надеемся, они увидят, что у вас есть доступная версия AMP, и направят пользователей по URL-адресу версии AMP.

Вот почему версия AMP не загружается при открытии стандартной страницы.

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