I am getting a high number of AMP errors from google.
They refer to an “Invalid CSS stylesheet – The inline ‘style’ attribute is not allowed in AMP documents. Use ‘style amp-custom’ tag instead.”
It seems to point to this line on the page:
<div class=”td-social-but-icon”><i class=”td-icon-plus td-social-expand-tabs-icon”></i></div>
Can you advise what is wrong ?
Hi,
I could take a look, please provide a link to one of the posts where the error is present.
Thanks
Please check if you are you using the latest AMP plugin
– https://www.screencast.com/t/M7kbFZ8ZQ6ft
The errors are caused by the a few meta tags which use inline CSS
– https://www.screencast.com/t/NMucXndnhAJ
Are you using some custom implementation or plugin for extra meta for the posts?
I checked and these errors are not displayed in a default post on my end.
Thanks
Simion, hello!
I have the same problem with my site – wordofdecor.com
Here is the note from Google Search Console:
http://prntscr.com/jsfaeg
http://prntscr.com/jsfarp
http://prntscr.com/jsfb9x
I have the latest AMP plugin version – http://prntscr.com/jsff71
Here is the list of all installed plugins:
http://prntscr.com/jsfhp9
http://prntscr.com/jsfhxf
I tried to choose plugins comparable with Newspaper Theme – http://prntscr.com/jsfipg
What could be the reason for AMP errors?
Hi,
@tzabula All those errors are related to the ads you are using. AMP requires different ads
– https://support.google.com/adsense/answer/7183212?hl=en
These ads have to be inserted as specified
– https://www.screencast.com/t/vD0oBqCV
Thanks
I am using the latest version of the plugin.
I have some custom css added to the custom code box in theme panel.
But an not tech savvy.
How do I check for “custom implementation or plugin for extra meta for the posts”
I’m not conscious of this…
There are differences between the post meta in the page source, in my case using default theme install and only theme plugins, and in your case.
This is how it is for me and how it should be
– https://www.screencast.com/t/a5SVXgFnu
In your case there is inline CSS used – https://www.screencast.com/t/DygO0ZFuk
Maybe you did some modifications in this theme file directly or by a child theme
– https://www.screencast.com/t/7xYfu4dJvsd
Please check that file and see how that meta looks for you. Let me know.
Simion, hi!
I’ve corrected AMP ads due to your recommendation above:
http://prntscr.com/jvbz8g
http://prntscr.com/jvbzrs
But it still shows mistakes in AMP:
http://prntscr.com/jvc17w
http://prntscr.com/jvc1zq
http://prntscr.com/jvc2i6
http://prntscr.com/jvc3qs
http://prntscr.com/jvc5il
Please, help 🙂
Hi,
This is incorrect – https://image.prntscr.com/image/zfAav47vT-CVjmM1g9sMaQ.png
Enter the ads like this only for Adsense – https://www.screencast.com/t/54l97X0zHVkh
I haven’t started using google adsense since my blog is a newbie. I have latest version plugin of AMP installed, I don’t use any other plugin for mobile acceleration.
But I am facing an issue with invalid css stylesheet and this issue has occured with all of my posts! Google is suggesting to add this <style amp-custom> to the stylesheet. The following links are the one with the issue:
https://www.devicepit.com/tech-terms-that-youre-probably-misusing/
https://www.devicepit.com/difference-between-emoticon-and-emoji/
https://www.devicepit.com/everything-you-need-to-know-about-oled-amoled-and-qd-led/
https://www.devicepit.com/what-is-lifi-technology-lifi-vs-wifi-visible-light-communication/
Hi,
@devicepit Seems those posts lead to 404 pages when trying to access the AMP link
– https://www.devicepit.com/tech-terms-that-youre-probably-misusing/amp/
Try to re-save the permalinks in WordPress settings
– https://www.screencast.com/t/XCIqK8kCK
Then access a post and see if the AMP link works. Then let me know and I will take a look at it to check those errors you mention.
Thanks
