Welcome to WebmasterWorld Guest from 54.234.65.78

Forum Moderators: martinibuster

Google amp pages and embedded tweets and instagrams

     
7:21 am on Jan 12, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 19, 2004
posts:705
votes: 8


Hi so we are implementing google amp for our entire site.

Some of the old articles already have embedded tweets and instagram posts by celebrities etc

So will the amp enabled page correctly display thse tweets n insta posts? Kindly advise thanks!
9:12 am on Jan 12, 2018 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 15, 2003
posts:61
votes: 3


Since you already decided to implement amp for all your pages, how can you not know? When you have read the amp spec and look at the tweets and instagram posts, you will see that both contain elements that are not allowed in amp.

I have the feeling you don't know what you are getting into. Why do you want to implement amp in the first place?
9:21 am on Jan 12, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 19, 2004
posts:705
votes: 8


Faster speed for mobile users and google seo
10:29 am on Jan 12, 2018 (gmt 0)

Administrator from GB 

WebmasterWorld Administrator engine is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:May 9, 2000
posts:24952
votes: 645

Here's a great place to start AMP Tutorials https://www.ampproject.org/docs/tutorials/create

The whole point of AMP is to cut down on content that will be slow to reach a users mobile. It was originally developed for news publishers, and AMP pages are not meant to have lots of graphics or downloads, which will be inherently slower than just plain text. The more your put on the page the slower it'll be. If you really need to include the content, don't bother with AMP, just focus on minimising the page overhead.
This is a great intro video
12:16 pm on Jan 12, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 19, 2004
posts:705
votes: 8


So there's no way I can include embedded tweets and instagrams on AMP pages? Will do some research myself too. Thanks!
2:19 pm on Jan 12, 2018 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Nov 16, 2005
posts:2732
votes: 107


Faster speed for mobile users


Which you do not need AMP for. You just need to make your pages lighter.


and google seo


Does it have a significant benefit other than the results of faster loading. This may depend on your niche.
2:59 pm on Jan 12, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:1474
votes: 408


Here how to embed tweets.
[ampbyexample.com...]

There are such pages for FB, Instagram etc... Just spend some time on the AMPByExample.com page.

Then if you still can't find what you need, say for some other kind of interactive content then you can always embed the content in iframe.

graeme_p's comments are based on ignorance. While there may be some truth to the statements in regards to strictly static content, but when it comes to dynamics content it is categorically false. AMP allows you to do some pretty amazing things such as create PWAs that will make pages load fast and seamlessly whether on-line or off, from the users first click in search. There is lot more to it than most realize and it is constantly evolving.
8:10 am on Jan 13, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 19, 2004
posts:705
votes: 8


Thanks NickMNS I'll definitely check it out. From what I know, AMP pages are definitely promoted higher on Google Serps... and loading is fast so I wanted to try it out on my website.
12:24 pm on Jan 13, 2018 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Nov 16, 2005
posts:2732
votes: 107


@NickMNS what exactly can you do with AMP that you cannot do without AMP?

As far as I am aware AMP is:

1. A set of restrictions on HTML - so that aspect is just a subset of HTML: see [ampproject.org...]
2. A set of reusable components

There is also a free CDN provided by Google, but that is not strictly speaking a part of AMP (anyone who wants to can offer a CDN that supports AMP, and others do).
4:44 pm on Jan 13, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:1474
votes: 408


@graeme_p
what exactly can you do with AMP that you cannot do without AMP?

Pre-load a service-worker directly from the search-cache such that once the user interacts with the page the service worker already has control of the page. This may seem like a trivial difference but it makes a big difference on how a user interacts with the page and perceives the speed of the page. Typically, the service worker will only take control after the first click.

AMP also allows you, to redirect user that use a browser that do not support service-workers (eg: on IOS devices) to a different url. This is done directly from the search-cache. Again, a subtle difference. You could easily redirect user on your server but the user first needs to request the page, then the server redirects to the correct page. AMP skips the steps and redirects the user directly from the cache to the page.

so that aspect is just a subset of HTML

Watch the video that is on this page: [ampproject.org...] It explains a lot about PWA and AMP integration. And note at 1min15sec it is stated "AMP is both subset and a superset of HMTL". In otherwords there are things that cannot be achieved without AMP.

Also the video you linked to outlines other aspect. For example "static layouting".

Each of this things alone may only provide marginal improvements in speed but the combination of this factors can make a measurable difference.
12:51 pm on Jan 15, 2018 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Nov 16, 2005
posts:2732
votes: 107


Both your examples are features of the Google AMP CDN not of AMP itself. I wonder

1. Whether other AMP CDNs offer the same features
2. Whether other non-AMP CDNs offer the same features.

I would have though the answer is yes to both for the first (loading services works from cache).

As far as AMP being a superset of HTML goes. Sort of. It adds stuff that is not HTML, but it uses HTML and JS to do it - its rather like a front end framework in that respect - in fact it IS a front end framework.

None of that makes AMP a bad thing, but because it runs in a browser it is ultimately limited to things you can do with HTML and JS.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members