Do you know what an AMP page is?
Posted: Wed Jan 29, 2025 6:29 am
Fact, I have introduced it on this inglow blog before.
inglow: Web marketing and SNS marketing in Aichi and Nagoya2019.07.17
About AMP. A method encouraged by Google.
AMP is often introduced to improve the convenience of users when browsing a site. This time, we will explain how it works. What is AMP? AMP is a method and project to speed up the browsing of site pages on mobile devices. In 2015, Google and Twitter jointly launched this sales marketing directors manager email database project to improve user convenience. If it takes a long time for a site to load, users tend to abandon it. Therefore, by introducing this AMP, it is expected that user stress will be reduced and the site's abandonment rate will be improved. Site...
inglow blog: "About AMP. A method encouraged by Google."
The purpose of AMP pages is to speed up the viewing of site pages on mobile devices.
By increasing the speed, you can eliminate stress for your viewers and prevent them from abandoning the page.
Today, I'd like to introduce three minimum things you should keep in mind when creating an AMP page.
①You may not be able to create the same design as a regular web page!
Web pages are basically created using three programming languages: HTML, CSS, and JavaScript.
▷What are HTML, CSS, and JavaScript?
inglow: Web marketing and SNS marketing in Aichi and Nagoya2019.08.07
A memo for those who need to learn the terms necessary for web promotion [Programming Edition]
Hello, I'm Inglow's PR manager. Lately, my blog has been all about terminology, but there are quite a few terms I don't know, so I'm constantly looking them up and memorizing them, so I feel like I'll continue to write about them for a while. Today's topic is "The minimum you need to know to avoid being left behind in conversations with engineers." Inglow is a company that also develops new products, so we have several engineers joining us. We also plan to continue hiring more and more, but the problem is that we don't know whether we're front-end or end-end, what we're good at, and what programming language we should use in the first place...
And AMP restricts the tags that can be used within that language.
What does it mean to be restricted?
This means that it will no longer be possible to express designs that were possible on normal web pages.
You need to keep that in mind as you proceed with creating your web page.
When I say "keep it in your head," I mean, for someone like me who is not a web designer, it's like, "What's that all about?"
Here is a quick summary of some of the most commonly used specifications that are also possible with AMP.
▼What can be produced with AMP
Responsive Design
Attaching images and videos
Carousel slider (a visual that often switches between different parts of a top page)
Hamburger menu
Accordion Content
Embedding social media posts
Social sharing buttons
Site login flow
Google Map Display
Inquiry form
②There is a possibility that measurement may not be possible when delivering ads!?
AMP pages are a project jointly created by Google and Twitter,
It supports Google Analytics,
When placing ads on the GDN (Google Display Network), it is possible to measure conversions after delivery.
Of course, you can also retarget.
However, for other distribution platforms,
In many cases, this is not supported (conversion measurement and retargeting delivery are not possible).
For example, if the page you want to link to the ad banner is an AMP page,
It is essential to check before delivery (before deciding on advertising delivery measures).
Regarding ad delivery when the link destination is a basic AMP page,
We recommend that you first choose GDN.
3) Pages must be verified before being uploaded to the server.
Once an AMP page has been created, it is necessary to verify the page before uploading it to the server.
Validation is to ensure that the correct tags are used and that the page is recognized as an AMP page.
Here are some tools that can be used to validate AMP pages, as recommended by the AMP official website:
Validate your AMP pages
AMP Validator
Google AMP Tester
AMP Tools
For further details (how to do it), please see the official AMP page, so if you look there, I think you will find the process itself easy to understand.
AMP official page
summary
We started by talking about the differences between AMP pages and regular web pages.
Currently, the use of AMP pages is not yet widespread in Japan.
As communication speeds increase and high-resolution images and videos become more widespread in the future, it is predictable that waiting times online will become more stressful, but I believe that in order to prevent this, AMP pages will become increasingly popular.
If you are familiar with the contents of this article as a minimum while you are working on your production, you will not have any problems.
inglow: Web marketing and SNS marketing in Aichi and Nagoya2019.07.17
About AMP. A method encouraged by Google.
AMP is often introduced to improve the convenience of users when browsing a site. This time, we will explain how it works. What is AMP? AMP is a method and project to speed up the browsing of site pages on mobile devices. In 2015, Google and Twitter jointly launched this sales marketing directors manager email database project to improve user convenience. If it takes a long time for a site to load, users tend to abandon it. Therefore, by introducing this AMP, it is expected that user stress will be reduced and the site's abandonment rate will be improved. Site...
inglow blog: "About AMP. A method encouraged by Google."
The purpose of AMP pages is to speed up the viewing of site pages on mobile devices.
By increasing the speed, you can eliminate stress for your viewers and prevent them from abandoning the page.
Today, I'd like to introduce three minimum things you should keep in mind when creating an AMP page.
①You may not be able to create the same design as a regular web page!
Web pages are basically created using three programming languages: HTML, CSS, and JavaScript.
▷What are HTML, CSS, and JavaScript?
inglow: Web marketing and SNS marketing in Aichi and Nagoya2019.08.07
A memo for those who need to learn the terms necessary for web promotion [Programming Edition]
Hello, I'm Inglow's PR manager. Lately, my blog has been all about terminology, but there are quite a few terms I don't know, so I'm constantly looking them up and memorizing them, so I feel like I'll continue to write about them for a while. Today's topic is "The minimum you need to know to avoid being left behind in conversations with engineers." Inglow is a company that also develops new products, so we have several engineers joining us. We also plan to continue hiring more and more, but the problem is that we don't know whether we're front-end or end-end, what we're good at, and what programming language we should use in the first place...
And AMP restricts the tags that can be used within that language.
What does it mean to be restricted?
This means that it will no longer be possible to express designs that were possible on normal web pages.
You need to keep that in mind as you proceed with creating your web page.
When I say "keep it in your head," I mean, for someone like me who is not a web designer, it's like, "What's that all about?"
Here is a quick summary of some of the most commonly used specifications that are also possible with AMP.
▼What can be produced with AMP
Responsive Design
Attaching images and videos
Carousel slider (a visual that often switches between different parts of a top page)
Hamburger menu
Accordion Content
Embedding social media posts
Social sharing buttons
Site login flow
Google Map Display
Inquiry form
②There is a possibility that measurement may not be possible when delivering ads!?
AMP pages are a project jointly created by Google and Twitter,
It supports Google Analytics,
When placing ads on the GDN (Google Display Network), it is possible to measure conversions after delivery.
Of course, you can also retarget.
However, for other distribution platforms,
In many cases, this is not supported (conversion measurement and retargeting delivery are not possible).
For example, if the page you want to link to the ad banner is an AMP page,
It is essential to check before delivery (before deciding on advertising delivery measures).
Regarding ad delivery when the link destination is a basic AMP page,
We recommend that you first choose GDN.
3) Pages must be verified before being uploaded to the server.
Once an AMP page has been created, it is necessary to verify the page before uploading it to the server.
Validation is to ensure that the correct tags are used and that the page is recognized as an AMP page.
Here are some tools that can be used to validate AMP pages, as recommended by the AMP official website:
Validate your AMP pages
AMP Validator
Google AMP Tester
AMP Tools
For further details (how to do it), please see the official AMP page, so if you look there, I think you will find the process itself easy to understand.
AMP official page
summary
We started by talking about the differences between AMP pages and regular web pages.
Currently, the use of AMP pages is not yet widespread in Japan.
As communication speeds increase and high-resolution images and videos become more widespread in the future, it is predictable that waiting times online will become more stressful, but I believe that in order to prevent this, AMP pages will become increasingly popular.
If you are familiar with the contents of this article as a minimum while you are working on your production, you will not have any problems.