Как загрузить amp HTML в мобильную версию
У меня есть 2 HTML, как non-amp.html и amp.html.
я включен
<link rel="canonical" href="app/templates/non-amp.html">
в моем amp.html и
<link rel="amphtml" href="app/templates/amp-blog-list.html">
в моем index.html.
Когда я держал свой сайт в мобильном представлении, загружается html (без усилителя) рабочего стола. Может кто-нибудь предложить мне помощь. Спасибо.
2 ответа
Подумайте, как ваше приложение или веб-сайт узнают, использует ли посетитель мобильный или настольный компьютер?
вам нужно написать код, который определяет, является ли он мобильным, планшетным, настольным компьютером и так далее, в зависимости от ваших требований.
затем, когда мобильное устройство было обнаружено, вы можете написать на страницу требуемый код, который вы хотите показать.
Я бы порекомендовал взглянуть на следующий вопрос о переполнении стека, поскольку нужный вам ответ уже был дан здесь.
В мобильных и настольных системах отображаются страницы без усилителя:
<link rel="amphtml" href="app/templates/amp-blog-list.html"> This tag is for google to know the amp page in non amp file.
После того, как вы перешли с поиска Google на мобильных устройствах, ваша страница усилителя будет открыта в Google iframe.