AMP mobile pages

hi guys, I got a mail from google today…

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.

https://www.ampproject.org/docs/get_started/create/basic_markup.html

did you implemented or re you planing to implement this? it seems like a killer feature if google is asking for it.. if not any ideas on how to implement this?

Thanks in advance for the best theme ever!!

Salo

You need a plugin like

https://wordpress.org/plugins/pagefrog/

or

https://wordpress.org/plugins/amp/

ok I tried those, Not so happy for now. You guys always been up to date with all developments in the publishing world until now. I really hope you consider to add this to the theme as this will make a big difference in ranks for your users, google is seriously pushing this stuff for a reason, whoever adopt it will have an advantage and the same can be said as a theme forest seller, if you guys are the first to integrate it, it will be a great thing to brag about in the sales page.

For now I will wait for a better plug in, or for you guys to include it as for now it is just very ugly.

Thanks again!

Salo

We have been using the automattic amp plugin, with yoast seo and yoast seo glue. We started in beta with amp nov 2015 and so were ready at Feb 2016 roll out. Tagdiv themes work great with this setup.

yes but what happens with sites using list for instance? is there a way to implement that? letting the list go will really impact my earnings. Ideas?

Hi guys!
Hi @Chris S, I have one question for you.
Nice to hear that your site work with AMP from about half-year, the normal ads (settings from theme) works below AMP?

Greetings to all

You have to customize amp template to support ads. Simplest way is using filter added to functions file. Amp template not part of theme. Just remember you can onlu use the small ad sizes for mobile.

Theme does not control amp plugin. Yoast glue adds some options. Just remember to resave your permalinks when enabling or disabling amp support since it adds new endpoint for pages.

Also just to add – I’ve been using the Automattic plugin with Yoast Glue, Yoast SEO and there is also Custom (AMP) Accelerated Mobile Pages plugin by lamvt – this adds ‘related posts'(although at random dates) and it adds your mobile menu -they all work great with the theme – I don’t use any of my ads at all – why? because the AMP pages show up in search results (currently only news carousel though this will change soon) – and therefore they’re probably new visitors who will view the main site at some point, page views increase anyway, brand awareness increases, and the big regional competition aren’t using AMP yet because they’re scared – so I actually look better then many regional brands – the theme works perfectly with this set up for me.

• This reply was modified 9 years by PatWire.

yes but what a about the list functionality any way to keep that?? Admins?

I don’t think any kind of “slideshow” would work unless you have build out your own custom template. AMP is really more for stories, not for viral slideshows.

In our case we were able to do our own ‘related posts’ using the CRP plugin, then simply including the shortcode via a hook, along with a string to include link back to the story page and message to follow us on Apple News channel if using iOS device.

If I have time I’ll try to post that someplace.

Right now I’m in process of “thinning” Newsmag 3.1 along with the custom composer plugin to replace the v2x version and TD ‘SHIM;’ for one of our sites as text (server crash messed up the site, so seemed good time to move onward ) … just took 50kb out of main style.css since we don’t use BBpress/forum or Buddypress. Boom 50KB gone from style sheet 🙂

Oh… just happen to have that window open, duh ….

here is example of adding a filter for Automattic AMP plugin in your functions.php file where you can include ads, shortcode, etc.

add_action( 'amp_post_template_footer', 'xyz_amp_add_pixel' );
function xyz_amp_add_pixel( $amp_template ) {
$post_id = $amp_template->get( 'post_id' );
?>
<div class="s2pamp02">
<p>My Custom Message Went Here</p>
<!--Related posts-->
<?php if ( function_exists( 'echo_ald_crp' ) ) echo_ald_crp(); ?>
</div>


Some good articles out there now too
http://torquemag.io/2016/03/making-amp-wordpress/

hope that little taste helped somebody 🙂

This is a great thread. I have been trying to work with the AMP plugin from Automatic as well as the AMP Glue from Yoast … even with those two turned on, the website is still not passing the AMP Validation when tested.

TeacherCast.net

Main issues with AMP is bad HTML (inline styles in your post), or a bad plugin injecting javascript into header, or a bad configuration with a CDN or compression service that tries to re-write/compress the AMP code and breaks it.

Old posts where you might have put in a YouTube video with ‘http’ might also not work as all external stuff should be https for amp.

New update for the Automattic AMP plugin today (I’m guessing delayed until they got WP 4.6 out the door)
========
0.4 (in-progress)

Pages
Customizer
Updated Template

0.3.3 (Aug 18, 2016)

Handle many more validation errors (props bcampeau and alleyinteractive).
New filter: amp_post_template_dir (props mustafauysal).
New template: Nav bar is now it’s own template part (props jdevalk).
Better ratio for YouTube embeds.
Fix: better timezone handling (props rinatkhaziev).
Fix: better handling of non-int dimensions (like 100%).
Fix: better handling of empty dimensions.
Fix: autoplay is a bool-like value.
Fix: breakage when using the query_string hook (h/t mkuplens).
Fix: don’t break really large Twitter IDs.
Fix: don’t break Instagram shortcodes when using URLs with querystrings.
Readme improvements (props nickjohnford, sotayamashita)