Connect with us

How To

AMP: What is it and Why You Should Implement It?

AMP is Accelerated Mobile Pages for its acronym in English. It is an initiative of Google together with major technology partners to promote open code that allows improving the Internet connection from smartphones. It is no secret to anyone, much less to Google, that a large number of browser users connect from their smartphones. Just take a look around us: at least one person in a closed space will find themselves checking their networks or buying tickets for a concert from their mobile phone. Many inquiries about prices and services are even made through the business web pages, and these visits are made through a smartphone that, in general, is at the hand of the Internet user. According to a study carried out by Verto Analytics last year, 57% of consumers use their mobile phones to connect to the network, that is, they have become the main connection element, surpassing computers and tablets. Therefore, it has been important for Google to improve the experience of these users when clicking on an offer that caught their attention and that directs them to a certain website. Staying on the website and increasing the number of visits is quite important for SEO optimization , so Google decided to take action and launch AMP with the aim of improving the loading speed of sites from devices mobiles. To identify the pages that have AMP applied, it is enough to see if they have the symbol of a lightning bolt when entering with a smartphone, accompanied by the acronym of this code. The truth is that this technology helps to improve the organic positioning as well as the vision of the contents more easily, since the page will be 100% functional for smartphones. Nowadays, a business that is not found on the Internet can be considered as non-existent, so based on this it is necessary that all businesses, both offline and online, have a website that meets the demands of users. A slow web page will never be successful, much less if the user is thirsty for information and needs it quickly and accurately. That is why we invite you to discover the reasons to implement AMP to your website.

What is AMP (Accelerated Mobile Pages)?

AMP is a basic tool aimed at speeding up mobile pages and making them run faster on mobile devices. AMPs were created to improve speed and user experience, across devices and platforms, by reducing many of the components that slow down web pages. AMP pages perform much faster than normal web pages. Originally created for news articles and blog posts, AMP will eventually incorporate other types of content pieces and platforms. For its part, Google has created an AMP news carousel, specifically for these types of pages, which appears in search results on mobile devices. AMP pages are usually copies of existing web pages in a separate URL, made up of AMP HTML, AMP JS, and a limited amount of CSS. To speed up the loading time, AMP removes the HTML pages and caches the content on Google’s servers and serves content from there, using the Google network to deliver the content. On the other handG oogle also pre-processes the AMP pages in SERPs before the user’s visit, allowing almost instantaneous load times. Asynchronous loading loads content faster, while srcset support (img element’s own attribute) gets the correct image definition per device. By using smart resource download, AMP can download content within the viewport first, before downloading content outside of the viewport. It should be noted that all this that we have explained can be tracked using Google Analytics. Furthermore, AMP uses many additional components to increase the interactivity of such pages, including amp-iframe and amp-lightbox. Since AMP pages are separate pages from the major version, more crawling is required and therefore more load is placed on the web server. Therefore, if you implement AMP for your entire website, this will possibly double the amount of time Google spends crawling it. While the technical implementation of AMP means creating more pages on your website, Google does not index these AMP pages, so the page count is not affected.

How does it work on mobile devices?

The plugin or plugins render the web pages by removing them from all HTML elements that are not required on mobiles. For example, if you include JavaScript code on your web page, AMP will remove it. In other words, they won’t be rendered unless you’re using the AMP JS core library. In essence, by reducing HTML elements, AMP allows your pages to load faster. Additionally, there is a WordPress AMP plugin that allows content marketers and writers to publish the AMP versions of their posts with one click. In summary, this is how AMP works for mobile devices:
  • Google rewards websites that provide a mobile-friendly user experience with better rankings.
  • AMP is a project that allows you to adapt your pages for a better mobile experience.
  • Since WordPress is the most popular CMS these days, a WP plugin is also available to make your content AMP ready.
  • AMP removes most unwanted HTML elements from pages.
  • You can use a simplified version of CSS only. Also, you need to properly validate your website to make sure it works with AMP.
  • You can use JavaScript but only from the library provided by AMP.
  • If you want to have videos in your posts, you need to use the AMP approved extensions.
  • It is not allowed to use forms on your pages / articles.
However, some things are about to change, as Google announced another cool feature that will be implemented through this project. It’s called AMP Stories, and as the name suggests, it will push AMP beyond its initial limits. The AMP Stories feature was announced at AMP Conf in Amsterdam. The idea is not new, if we think of Instagram and Snapchat. Additionally, AMP Stories will also include full screen content that works on all desktop and mobile devices. Supports reaching media with native videos and images, animations, and interactions. AMP Stories was built on the same technology that powered the entire AMP project and therefore all content posted through Stories will load quickly and seamlessly on mobile devices.

What are its advantages?

In general terms, the main advantage of AMPs is the improvement of the user experience on mobile devices, since we are in the mobile era and that will not change overnight. On the other hand, the loading speed will always be positive on both the Google side and the user side, and this can translate into higher traffic and positioning for the website.

Benefits of implementing AMP

Similarly, there are certain benefits that AMP offers to web pages as indicated below:
  • Pages load instantly on mobiles
As a consequence, the bounce rate will be reduced as people no longer have to wait for pages to load. Considering that a second of delay can reduce the conversion rate by 3.5%, according to Akamai studies, this is a very important feature that no marketer can ignore.
  • Much better Google ranking
Clearly, Google prefers pages that load faster, especially AMP pages. This means that when people search for a specific query if your page is faster than the competition’s, it will rank higher in search results and, in this way, users will be more likely to access it. We recommend you evaluate the speed of your website in Page Speed ​​Insights, an excellent tool provided by Google that will allow you to see the score of your page on mobile.
  • Better tracking of your users
Every marketer should keep track of his audience to learn how to adapt to their behavior and preferences. AMP provides you with tag manager analytics that allow you to track clicks, conversions, visitors, new visitors, and returning visitors, among other important data.

How to implement AMP on my website?

To implement AMP on a website and start accelerating the speed of your pages on mobile, you need to follow the following steps:
  1. Essential elements:
There are certain elements required by AMP to function properly, among them are:
  • The first of these elements is: <!Doctype html> .
  • Then you must identify the document with an <html amp> or, if it is of your preference, with its original <html> mode . Also if you prefer, you can add language information with lang = »..»
  • After this comes <head> and <body> .
  • Inside the head you must first place a <meta charset = »utf-8 ″> .
  • Then immediately insert the AMP JS library which is: <script async src = »https://cdn.ampproject.org/v0.js»> </script> ,
  • The following is a <link rel = »canonical»> tag that links to the original HTML of the document.
  • Then like this: <meta name = »viewport» content = »width = device-width, minimum-scale = 1, initial-scale = 1 ″>
  • Finally, just before the end of the <head> , copy the <style amp-boilerplate> tag as indicated here. I get this contains some basic CSS styles that have to do with the display of the content.
  1. Include metadata:
Although it is not mandatory, it is highly recommended to include metadata appropriate to the type of content that is carried on the page, be it articles or news. This is the best way for providers to index and preview what comes next by clicking on the content, along with the inclusion of an allusive image.
  1. Embed CSS:
It is necessary, as we have already seen, that all the CSS is unified and embedded in the head within a single tag that looks like this: <style amp-custom>. There are certain AMP restrictions that you can read on your page, but in that case it is recommended that you dictate very simple style rules regarding font sizes and colors and not get too complicated with this topic. However, there is an exception since it is possible to link to external fonts in CSS (by using @ font-face) as with a <link> tag in the <head>. But you must be careful since only files that have been hosted in Google Font are allowed.
  1. Take into account everything about Javascript:
You must take into account that the only allowed script tags are only those found in the AMP JS library itself and those that are JSON-LD metadata. However, there are some alternatives if you really must add Javascript functions on your website, among which are:
  • Go for the search for AMP extensions that provide a specific solution in terms of social buttons, advertising images, etc.
  • Think about if this is really necessary, or if the page is urged to have a version like AMP.
  1. Enter the content:
From this point, what remains is to introduce your content into the body, starting from what is already on the page in the original HTML whose version in AMP you will have to adapt to then have the validation. The most common labels such as bold, italics, paragraphs, etc., can be adapted without major setbacks, but there are others to which special attention must be paid to make them work.
  1. Adapt images:
It is important to let AMP know the size of all the images to include, because when loading them it is necessary to avoid resizing in real time in order to reduce the rendering time as much as possible. Therefore, some considerations that you should take into account when adapting your images are:
  • AMP will proceed to replace the normal <img> tags with its own <amp-img> version. The main restriction is that the height and width in pixels must be expressed exactly for it to be valid.
  • You can ensure that the images are responsive by adding a layout = »responsive».
  • Other properties that support by offering optimized content for each device are allowed, such as srcset.
  • As we discussed earlier, it will be important that the article has at least one image that represents it and specifies it in metadata.
  1. AMP alternatives in videos:
As with images, videos and other content formats will have to be adapted to AMP. For the specific case of videos, an <amp-video> must be added. In any case, these tags will function as <alt-img>, so it will be necessary to detail their exact dimensions in terms of width and height and the layout property is also allowed.
  1. Forms case:
Forms and other functional elements that may have previously been on the page are not AMP compliant. The solution to this is to replace them with simple CTAs , links and other buttons.

How to configure AMP in Google Analytics?

By relying on the CMS to use for your site, you can implement AMP, but in the case of WordPress, there are various extensions that can help you in the task of configuring AMP. However, it is best to consult a developer to add Analytics to AMP pages. Doing so will require you to install AMP Analytics, as Google Analytics does not perform these analyzes on a regular basis. To do this, you will have to activate the Analytics AMP tag in your profile, then include it in the AMP pages of the page (or in the extension that you have been using to convert them). After installing it, there are some data that you can take into account and that Google Analytics will give you about your AMP:
  • Page: regarding your domain, page title, path, among others.
  • User: time zone, his identification, etc.
  • Navigation: unique visitor page ID, URL, etc.
  • Browser: screen height and width, user agent, among others.
  • Interaction and events

Conclusion

Implementing AMP is the best way to reduce the waiting time of your users on your website within their mobile devices. An ecommerce and even an offline store is always going to be owed to its consumers, and they are the ones who will enter your page if they are interested in your products or services. Therefore, improving your user experience should be a “must” for conversions to increase. When implementing AMP on your website, you should take some considerations into account about the content elements so that the experience of your users is pleasant and complete:
  • Simple header: it is best if it is a strip of a specific color with your logo; the simpler the better.
  • Footer:  can be even simpler than the header. You could put some links or even put nothing at all.
  • Responsive design: when doing all this and when implementing AMP, you should think about mobile all the time, as it is not the idea to fill your website with complex designs.
  • Look for the amp-sidebar extension for alternatives to menus, sidebars, and other complex navigation elements that shouldn’t be, or at least shouldn’t be, intrusive.
  • Consider using the amp-social-share extension if you want to include social buttons, links, and other elements in order to share your content.
  • It is recommended that you place a visible link to your page / original content in HTML , since content search engines are not always going to worry about rendering the original source.

Leave your vote

Continue Reading
Advertisement
Click to comment

Leave a Reply

Il tuo indirizzo email non sarà pubblicato.

Crypto

How to Create Account in EXMO step by step

In this article you will learn how to register in EXMO in 2022, as you well know it is a cryptocurrency platform to trade, as well as buy and sell digital currencies. Next, we are going to make you a quick and easy guide to create your account.

How to open an account in Exmo.com step by step

Access the official website of EXMO to be able to register for free.

Select “Registration”

At the top right you will have a Registration button, click on it and there you will open a form to place basic data such as username, email, telephone, password and its confirmation, as well as the acceptance of terms and conditions of the platform.

Likewise, if you want you can subscribe to receive news you just have to activate the option. then activate the captcha and click on “Registration”

Phone and email verification

They will send you an SMS to the registered phone to place the verification code and give it confirmation. The same will happen with the email, in which they will send you an email with a link to confirm the account and activate it.

Account Verification

Once you have completed all the registration, you must verify your account, this is quite important that you do it so that you do not have limitations, it is a financial platform and as such, by regulation you must verify your identity and address.

  • For identity, you can do it through your ID, passport or other identity document, also a selfie with the document, you can support yourself by linking the mobile if you do not have a webcam.
  • In the case of the address, it would be verified with a bill for services such as electricity, water or other document where they can verify your location or residence, this is to raise the limits further.
  • For the card, you need to enter your card details and even take a photo and attach it.

Ideally, you should verify everything, but the first thing is the identity, in which you will be required name, surname, middle name in the case you have. Secondly, you will be asked to identify what type of document you are going to use to identify yourself, for example, the DNI.

After that, you must upload a photo of the front and back of the identity document, if you do not have them at hand, you can do it with your mobile and send it to you by mail or web whapsapp or another application, and then upload it from the computer.

Once this is done, it will request a selfie with specific details, where you must write down on a paper the word EXMO, followed by the date of the day of the photo and hold the DNI without covering anything, there you capture the photo and attach it, with these steps you will already be in the process of verifying the identity.

Likewise, you can do it to verify the address with a receipt and in the case of the card you must do the same, they are similar processes quite simple, the idea is that you complete the entire registration process.

Configuration

Another important point regarding registration is the security configuration in which you can add extra protection and have two-step authentication. Likewise, you can observe other options such as personal information, which you can review carefully.

Leave your vote

Continue Reading

Crypto

How to create an account on Poloniex step by step

In this article you will learn how to register with Poloniex in 2022, it is a cryptocurrency trading platform, where you can trade with margin or leverage and you can also do hodl. Here’s a step-by-step way to create an account on Poloniex.

Go to the official website of Poloniex

Access the Poloniex registration page to later follow the step by step that we will give you to register for free.

Select “Sing Up”

Once you are on the platform you must select in the left menu “Sing Up”, where you must enter the email and password, the latter you must confirm it. Additionally, you must place the referral code (optional), as well as accept the terms and policies that govern this page.

Verify your email

Once the previous form has been completed, you must check the email where a link will be sent for the purposes of verifying the email, in order to continue with the account registration process.

Account access

With the email and password data entered, we select “Log In” and access. Among the important things that there are is the “profile”, where you will have to verify your account.

If you want to apply margin for trading or leverage you must verify your profile in “Upgrade” you will be able to select other aspects that will help you verify your identity, you will probably be asked to upload a file, such as a photo of the DNI or an invoice to verify the address.

Then, in the event that you want to use the future option that allows margin up to one hundred leverage, you have to have verified these things.

This request is totally normal, since it is required by all financial platforms by legal issue, with this you would already have verified level 2 and with it you would not have any type of limit.

Right now, you could make all kinds of deposits, normal purchases with certain fairly high limits.

Two-factor authentication verification

To protect your account you can activate 2FA this is double authentication code, so you must enter a code apart from the password to be able to log in.

Leave your vote

Continue Reading

Crypto

How to Invest in Cryptocurrencies on Skrill

If you are one of those investors who do not like to deal with many complicated orders, but prefer to hold long-term, then Skrill is an excellent alternative for you. With the simplicity that characterizes it.

But the question is, how to invest in cryptocurrencies within Skrill? The answer will be shown in this article.

But first log in to your Skrill account, then you could already start the step by step that will be shown below.

Access Skrill’s Cryptocurrency Investment Options

Like any financial platform, Skrill puts at your disposal tools so that you can invest in cryptocurrencies within yourself, doing so in a simple and comfortable way. To access these tools, below, we will describe the following procedure:

  1. Within the home screen of your account, in the left sidebar, find and tap on Cryptocurrencies.

Important: It is likely that when you enter this section, you will be asked to accept some terms or similar.

  1. Once there, you are presented with different options in terms of cryptocurrencies. From among these, you will select Invest now, clicking on this option.

  1. Once you access that section, you will be shown an extensive list of existing cryptos in Skrill. In each of which, you are given a Trade option. If you click on any of these, you would enter their trading options.

  1. When you have entered the crypto you chose, you will see a Buy – Sell panel.

Ways to trade cryptocurrencies in Skrill.com

In this buy-sell panel or trading box, you will have some options that will allow you to perform these operations:

Steps to buy cryptocurrencies within Skrill

First of all, talking about the purchase of cryptocurrencies in the Instant mode (which is the usual one), you will be able to do the following:

  • Select the currency in which you want to buy cryptos.

  • Set the amount to spend that, for its purposes, must be a minimum of 10 EUR (You are also shown the balance you have available).

  • Select the cryptocurrency in which you are going to invest.

  • See what you are going to receive in cryptos in equivalence for what you have invested.

  • See the commission you will be charged for that transaction.

When you have everything ready, then you can click Next.

After this, you will be able to see the summary of the entire operation; you will be told everything you have added, such as the amount and what you would receive, and also the commission charge, which will be added to the total amount to be spent. If you agree with everything, you can click on Confirm.

Steps to Sell Cryptocurrencies within Skrill

There is not much to comment on in the case of selling your cryptos within Skrill, as they are basically the same steps as in the case of the purchase:

  • You establish the type of crypto that you are going to sell (and that logically, you should own).

  • You indicate the amount of cryptocurrencies to sell directly or, if you prefer, using the percentage indicators.

  • Select the currency in which you want to receive the funds in equivalence.

  • See how much you will receive, in the same way as the previous case.

Having this ready too, you would click Next.

Following this, you must also click on Confirm in a summary similar to that of the case of the purchase, where you will see important data with which, if you agree, you can proceed to the respective confirmation.

Some other options that Skrill gives you to trade

The options you have in Skrill to trade are very practical and easy to use. And for your convenience, they are not numerous. Here’s what you can find on Skrill for when you want to trade on it:

The Portfolio section

In this section you have at hand some useful things for your negotiations, such as:

  • The Watchlist, with which you can keep abreast of the indices of your cryptos in the market.

  • Alerts and orders. With these options you are given the possibility to mark an index within the cryptocurrency, which, if the price reaches it, this will be notified to your email or mobile, as you have it configured.

  • Recent activity. It is the section where you will get your last financial movements, when it comes to purchases and sales, as is logical.

The Trade section

Within this section, you can do what you are told below:

  • Visualization of Graphs. This will allow you to take a look at the stock market movement in a not at all complex interface (you can also see the current trend that the market has in terms of sellers and buyers).

As you can see, the trading system within Skrill is not complicated. They are few and simple options, but with the same utility for people like you who do not want to get too entangled in the stock market issue, but to play it safe, but in a simple way.

This tutorial summarizes it this way so that you have a general idea when investing in cryptocurrencies within Skrill.

Leave your vote

Continue Reading

Trending

Log In

Forgot password?

Forgot password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Log in

Privacy Policy

Add to Collection

No Collections

Here you'll find all collections you've created before.