I just published my website using your theme. The AMP pages used to work fine with the previous theme. Now they don’t look good at all, the images are not showing and the layout is all over the place. Link is https://www.mamapeinao.gr/portokalopita/amp/
I tried to use your mobile theme only for AMP, I followed your instructions from the forum and changed the settings and it made absolutely no difference. None of my changes on the theme panel were applied in the AMP pages.
How can I edit the AMP pages so they look good??
Hello,
You need to have Amp URL â/?ampâ -> https://i.imgur.com/UNQ1I0T.png and if you have set the redirect mobile to AMP then will be /?amp=1 as it is written in the documentation => https://www.screencast.com/t/IpVB48WJVG -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Hi, thanks but this isn’t solving the problem. Watch this video recording from a mobile phone and you will be able to see that the AMP version isn’t working well. Link – https://youtu.be/msMl1ltoRZI
Problems on the category page
1. The homepage header is dark and the logo isn’t visible.
2. Uppercase letters have accent marks.
3. Author’s name and date are visible, we don’t want that.
4. The footer shows a random ‘About us’
Problems on articles
1. Primarily, the layout in the /?amp/ preview link looks completely different from the actual AMP version displayed on mobile. See the video I sent above and compare it for yourself – https://www.mamapeinao.gr/makaronada-me-pantzari/?amp=1/
2. The images do not show at all in the AMP version.
3. The header and footer are all weird in the AMP version of the articles. Again, look at the video to see for yourself.
So how do you advise us to resolve these problems? Again, I have the mobile theme but any change I make isn’t visible in the AMP version.
Hello,
Here is not set the link correctly -> https://i.imgur.com/RgCih4s.png as in our documentation, and that is displayed like that.
You can’t edit the Mobile theme and AMP version with tagdiv Composer; the only settings are from Theme Panel -> Mobile Theme.
1. The color for the menu is this one -> https://i.imgur.com/iI6oIMe.png and you can upload the logo here https://i.imgur.com/txTOvca.png
2. Please provide a screenshot to understand what you are referring to.
3. You can hide them on the posts from here -> https://i.imgur.com/AN90QQz.png and from blocks here -> https://i.imgur.com/MyVATTX.png
4. You translate it from Theme Panel -> Translations-> Translations or you can simply set a space and then will not be displayed.
5. This is the layout for AMP, and the images are displayed.
The mobile+AMP has standard templates, and you canât customize them.
Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose your mobile version.
Thank you!
Hi,
Can you clarify what you mean with ‘Here is not set the link correctly -> https://i.imgur.com/RgCih4s.png as in our documentation, and that is displayed like that’ ?
If a user searches for something on Google and they come across one of our links, the link is this: https://www.mamapeinao.gr/makaronada-me-pantzari/amp/
This link -> https://www.mamapeinao.gr/makaronada-me-pantzari/?amp/ on mobile looks different to this -> https://www.mamapeinao.gr/makaronada-me-pantzari/amp/
What are we doing incorrectly?
Hello,
You need to ask google to reindex your website https://i.imgur.com/xvcv8LT.png with the new structure for amp https://ahrefs.com/blog/google-index/
https://developers.google.com/search/docs/advanced/crawling/ask-google-to-recrawl
Thank you!
Hi
You’re clearly not understanding my problem. Google is crawling the AMP pages fine. But we did ask for another recrawl as you suggested.
The problem is that the actual AMP page, which Google is listing, ending with /amp/ has a terrible layout, which has nothing to do with the layout I’m seeing in the admin panel when I use the /?amp/.
Also, all the changes I’m making through the Mobile Theme option, do not reflect in the AMP pages.
I think you need to escalate this to someone who has the technical knowledge from your team to investigate the issue and figure out a solution.
Let me know if you need me to send an email specifically about this issue.
Regards.
The problem is 100% clear in the below screen recordings.
Preview /?amp version – https://youtu.be/ZzsllR4A-nk
Actual /amp version as crawled and indexed by Google with URL Inspection – https://youtu.be/u5_bT_Ch3-Y
You can see that the preview and the actual AMP are very different.
Hi tassos,
First things first đ
If I understood correctly, you used another theme and now you have switched to Newspaper, so before you used another amp plugin that was indexed on google with /amp/ Now if you want to use this url format, you will only have to use the amp plugin (mobile theme must be disabled), and amp should be set on the Reader template – https://i.imgur.com/zHqX4I5.png and the url you want. The disadvantage is that you have no control over the layout, but it will work correctly with that structure /amp/.
Now if you want to use the layout from the mobile theme plugin for amp, then the only amp template that can be used is Transitional – https://i.imgur.com/OtM7guR.png using this url format – https://i.imgur.com/N0E7JNz.png (it also work with default one).
Now using this method the problem is that the site must be re-indexed so that the permalink on google is no longer with /amp/ and goes to /?amp to deliver the correct version (so you will have to wait until amp version is reindexed to see the results).
If you want to see how your site would look in the amp version, it can be done by adding the parameter at the end of the url – https://i.imgur.com/JDO0fWg.png – https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Now, the good part is that if the amp is used with the layout of the mobile theme, the settings on the mobile theme will also apply to the amp version – https://forum.tagdiv.com/the-mobile-theme/ (but they will be visible after the site is indexed), also, if the mobile theme plugin is used for pages, you will have to use a separate content set in the mobile editor https://i.imgur.com/RiimVPf.png – https://forum.tagdiv.com/mobile-theme-introduction/
I hope this information helps you and clears up at least some of the things!
Thank you!
Hi Calin, this is a lot clearer now, thanks for clarifying. We haven’t changed yet the AMP link structure, but it looks like we will have to.
I have three questions for you off the back of your previous message.
1. If we change the link structure from /amp/ to /?amp=1/ or else, and we Google has re-indexed our AMP pages, does that mean that all old links with /amp/ will be automatically redirecting to the new links with /?amp=1 ?
2. When testing the AMP version on mobile Chrome, I noticed that accent marks are visible in uppercase characters. This isn’t visible when testing on desktop Chrome. Screenshot here, I’ve circled the accent marks for reference -> https://imgur.com/a/qtUe6jA
3. How can I hide the author’s name and date from the AMP article and category page? I’ve selected the option to hide this information through the Mobile Theme settings, but it’s still visible on the Category page and in the related posts under the articles. https://imgur.com/a/qtUe6jA
Of course, all this is assuming we will use the /?amp=1 structure.
Thank you
Hi,
1. Yes, you understood correctly, once the link structure is changed and the site is re-indexed on Google, there will no longer be links with /amp/, they will be with /?amp=1/
2. I just checked the website and now I no longer see the accent marks – https://i.imgur.com/HtqdClc.png did you change it?
3. If the tagDiv Standard pack is not enabled, then yes, there will be some options in the theme panel mobile theme – https://i.imgur.com/RQOxBka.png for blocks it can be used this option – https://i.imgur.com/i1eE9wD.png
Thank you!
Hi Calin,
Many thanks for your reply. The author’s name and URL link are now changed.
The only outstanding item is the accent marks. Oddly, they are only visible if you access the link from a smartphone. Try this link – https://www.mamapeinao.gr/makaronada-me-pantzari/amp/
Can you please advise?
Thank you.
Hi,
For that situation what I can recommend is a custom css like this one:
.td-category-header .entry-title {
text-transform: none;
}
Please set this code in the Theme panel > Mobile theme > Custom code> css – https://i.imgur.com/2lMb7Ns.png
I hope this will help you!
