What is AMP HTML?

In today's digital world everybody is looking for a quicker response from serving side. A web page serves content over the internet for users.  A faster web page response will make readers happy. In the same context organization like Google working to give the fast outcome.

AMP HTML is an open source which gives you high performance across devices. Google search results display AMP icon 

Remember, for a website Content is the King and User Experience is the Queen.
So if your website is rich in content it should rich in user experience as well and here AMP (Accelerated Mobile Pages) comes into the picture.

To use AMP HTML, you must assure that you are using Structured Data. To validate you may use Structure Data Testing Tool, or you may check in Google Search Console.

Myth - AMP HTML is a new HTML
Truth - Normal HTML with custom AMP properties.

Most of the tags will be similar to normal HTML, and few tags will start with "amp" keyword.
For eg -
<amp-img
Note: Only valid AMP HTML files will be displayed in Google search result.

It requires three components:
  • AMP HTML - Restricted and structured HTML
  • AMP JS - Ensures the fast rendering of AMP pages
  • AMP CDN - Delivers the AMP pages quickly

AMP help us to load web pages quickly by loading required content first and then load third party libraries, which gives a smooth user experience.

Who can use AMP HTML pages? or What kind of website is suitable to use AMP HTML?
There is no any hard and fast rule to use AMP HTML, any website can have AMP HTML.

So what if, if you are already using a custom HTML page.

1. Either you update your existing HTML with AMP defined tags/properties.
2. Create new AMP HTML and add a canonical URL in old HTML page pointing to this new AMP HTML.


Will continue few more blogs on AMP HTML............
Happy Coding....Happy Learning......



Popular posts from this blog

Calling REST APi from server side code - C#

Hi,

I was working on a project where i got a web api url with parameters, i was asked to consume this api and get response from there.

I got below details:

Api urlparametersand response code eg 200 for ok, 404 for not found etc.
Here is the code which will consume the web api and will get response from there.
This is 100% working code.

public class Program
    {

        static void Main(string[] args)
        {
            Program.CreateObject();
        }

        private static void CreateObject()
        {

            string name = "jack";
            string phone= "0000000000";


            string URL = "http://myserver/api.php?name=" + name + "&phone=" + phone;
            string DATA = @"{""name"":""jack""},{""phone"":""0000000000""};

            HttpWebRequest request = (HttpWebRequest)WebRequest.Create(URL);
            request.Method = "POST";
            …
Keep reading

All about SharePoint 2010 Content Type Hub

What is Content Type Hub? Content type hub is a new feature which comes with Managed Meta Data Service in SharePoint 2010. I have worked with SharePoint 2007 and I know that there is a problem for creating an enterprise library and sharing them across the site collections. There was no out-of-box solution to share content type which is created under a single site collection.

Read more

Calling ASP.Net WebMethod using jQuery AJAX

Jquery allow users to call server side code without any postback.
Follow below steps:

Create a table with below script:

SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

SET ANSI_PADDING ON
GO

CREATE TABLE [dbo].[userTable](
[id] [int] IDENTITY(1,1) NOT NULL,
[name] [varchar](50) NULL
) ON [PRIMARY]

GO

SET ANSI_PADDING OFF
GO


Write stored procedure to save data into table:

SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO

CREATE PROCEDURE InsertData

@name varchar (50)
AS
BEGIN

SET NOCOUNT ON;
insert into [dbo].[userTable] (name) values(@name)
END
GO

AJAX Method to Call Web method

  function SaveData() {
            var name = document.getElementById('<%=txtName.ClientID %>').value;

            $.ajax({
                type: "POST",
                url: /MyFolder/MyAjaxPage.aspx/SubmitData",
                data: '{"name":"' + name + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
   …
Keep reading