Google AMP Page, How i can implement. Can We?

i got mail from google,

Create AMP pages to be shown in Google Search for http://www.howtoisolve.com/

Google has detected that your site has many pages that may benefit from being served as AMP pages. Accelerated Mobile Pages (AMP) are HTML pages that are optimized to load fast on mobile devices. Learn more about AMP benefits in the resources below. Valid AMP pages on your site will be eligible to be shown in search results and receive special badging in search results.

You can setup AMP easily with the official AMP plugin. Yoast has created a simple guide to follow:

https://yoast.com/setting-up-wordpress-for-amp-accelerated-mobile-pages/
https://yoast.com/wordpress-amp-part-ii/

It’s very simple to do and AMP url’s work with this theme easily.

There’s still a lot of validation errors unfortunately.

Yes, you need to fix your content.

You cannot use any inline HTML,
for example

<p align="center">
needs to be
<p class="mycenterclass">

<table width="500">

needs to be

<table class="mywidth500">

etc.

Plugins which inject code into the AMP header need to be changed; or not used; and some things cloudflare may break the /amp/ endpoint CSS. Check the support forum for the AMP plugin to learn more on any issues you might have.

And featured videos dont work with AMP.

Hi,

As far as i see, your site has no validation errors.

As i try, the theme injected script remains on amp pages so it gives an validation error.

AMP -Automattic
Accelerated Mobile Pages
Yoast Glue

Which plugin and setting combination did u use?

For example the following script is on regular page and how can you managed to disregard the following script on your amp page?

<script>

(function(){
var html_jquery_obj = jQuery(‘html’);

if (html_jquery_obj.length && (html_jquery_obj.is(‘.ie8’) || html_jquery_obj.is(‘.ie9’))) {

var path = ‘https://www.howtoisolve.com/wp-content/themes/Newspaper/style.css&#8217;;

jQuery.get(path, function(data) {

var str_split_separator = ‘#td_css_split_separator’;
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;

if (arr_length > 1) {

var dir_path = ‘https://www.howtoisolve.com/wp-content/themes/Newspaper&#8217;;
var splited_css = ”;

for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ‘ ‘ + arr_splits[i];
}
//jQuery(‘head’).append(‘<style>’ + arr_splits[i] + ‘</style>’);

var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ‘ url(\” + dir_path + ‘/’ + str.replace(/url\(\’/gi, ”).replace(/^\s+|\s+$/gm,”);
});

splited_css += “<style>” + formated_str + “</style>”;
}

var td_theme_css = jQuery(‘link#td-theme-css’);

if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
});
}
})();

</script>

i’ve just found it. Nextgen Gallery plugin was causing a problem. It somehow splist the scripts. Deactivating the plugin gives valid result. Now i’ll do manual work to trnasform old galleries.

Best,
Zeki