Preview and validate your AMP page

  

 

 

 

 

 

However, not all businesses use WordPress, and plugins do have their limitations. So I’m going to walk you through the steps you can take to implement AMP technology into your content marketing strategy without a plugin.

Step #1: Create your AMP page template

The first step you’ll need to take to implement AMP for your blog posts and other high-quality content is to create an AMP page template from scratch. To create an AMP page template, you’ll need to start your AMP HTML page with <!doctype html> at the top of your page, and identify the page as AMP content by adding a lightning bolt symbol (?) in the HTML tag like this <html ?>.

Here’s an example of a simple AMP HTML page which you can use for your content:

 

These are the tags to include in your AMP HTML documents:

  1. <head> and <body> tags
  2. <meta charset=”utf-8”> as the first child of your <head> tag
  3. <script async src=”https://cdn.ampproject.org/v0.js”></script> inside your <head> tag to include and load the AMP JavaScript library
  4. <link rel=”canonical” href=”$SOME_URL”> inside your <head> tag
  5. <meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1”> inside your <head> tag
  6. AMP boilerplate code in your <head> tag

These tags are those which you can change in the code of the pages themselves:

  • link href=”hello-world.html”
  • The content within the body section <body>Hello World!</body>

Now that you know how to create an AMP page template for your blog, you might want to learn about all of the HTML tags you can use for your AMP pages.

 

Unfortunately, there are some HTML tags that you can’t use for AMP pages. These include:

  • <frame>
  • <frameset>
  • <object>
  • <param>
  • <applet>
  • <embed>
  • <base>
  • <input elements>

 

To preview your AMP page, you’ll need to open country wise email marketing list  your page directly in your web browser from your file system, or use a local web server, such as Apache 2.

To make sure your AMP page is valid, on the other hand, all you have to do is open your page in your web browser, add “#development=1” to the URL, and then open the Chrome DevTools console to check for validation errors.

 

Image source

Bruce Day recommends testing one to two types of pages from your website on AMP first. Ideally, you should also include some pages that rank so you can see if Google is serving the AMP version in mobile search results.



It’s important to note that it could take a couple of days for Google to find, check, and index the AMP version of a page. As well, you should let the rollout run for at least a month (longer if you can afford to do so). This allows you to build enough data to ensure that rolling out AMP sitewide is worth it.

It can take a couple of days for Google to find, check, and index the AMP version of a page, and you should run your AMP pages for at least a month in order to gain meaningful data.

Comments

Post a Comment

Popular posts from this blog

聊天机器人市场规模预计将达到 

Image
 最棒的是，企业在聊天机器人上的投资获得了实实在在的回报。例如，西班牙和拉丁美洲最大的电信公司之一 Movistar 在实施人工智能客户服务解决方案后，客户留存率提高了 80%，成本降低了 30%。 根据Tidio 的这些实时聊天统计数据，许多企业报告实时聊天投资回报率为，那么如何才能看到成功的回报呢？ 如何使用聊天机器人自动生成潜在客户 领先的项目管理和团队协作软件ProofHub的首席营销官 Vartika Kashyap表示： 与其他任何方式相比，聊天机器     条款及细则   人不仅简化了潜在客户开发流程，还大大加快了开发速度，这清楚地解释了为什么每家企业都希望投资这些人工智能系统。预计到 2024 年，聊天机器人市场规模将增长到 13 亿美元，毫无疑问，聊天机器人是商业沟通和潜在客户开发的现在和未来 。 1.创建买家角色 为了使用聊天机器人自动生成潜在客户，您需要将客户的情绪和个人资料同步到聊天机器人。但您不能仅凭单一的价值点来定义客户。每个客户都有独特的买家资料，您需要对其进行监控。总的来说，您可能首先需要在更广泛的范围内缩小目标客户范围，例如年龄、性别、国家/地区、职业等等。 用营销术语来说，我们称之为创建买家画像 和360度全方位潜在客户画像。理想情况下，买家画像是目标买家的最精确复制品。基于这些画像（您可能有多个），您可以创建筛选条件，以吸引合适的潜在客户到您的平台。 2. 利用买家角色围绕你的产品创建有吸引力的信息 完成这些之后，您现在需要深入了解客户的想法，了解是什么让他们心动。记住，您正在努力打造流畅的用户体验工作流程，在不同的互动渠道中创建多个接触点。了解目标客户的需求，将使您更容易创建精准的解决方案。正如客户的信息越来越灵通一样，作为解决方案提供商，您也必须这样做。 3. 分析并细分你的潜在客户 接下来，您需要对这些潜在客户进行分析，并尽可能准确地进行细分。筛选和细分潜在客户可以帮助您为每类潜在客户创建对话流程，这些潜在客户在浏览您的网站、应用程序和社交渠道时可能会被您的业务吸引。 可以看到，在B2B行业中，聊天机器人可以实现自动化，从各个角落带来客户洞察，帮助组织更好地了解客户趋势。 使用聊天机器人自动生成潜在客户的示例 RapidMiner是一家 B2B 科技公司，通过其自主...
Read more

It extends your ads’ reach and relevance

Image
    Accessible, inclusive ads can be experienced by more people. In addition, they’ll resonate with more people as well. Without them, you’ll risk stifling your campaign’s reach and relevance. What if a large portion of your Facebook ad targeting was deaf and your video advertisement only had a narration?   Or what if the cast featured in your campaign all had the same background, alienating a group of people that didn’t feel like your product was intended for them too? Even with precise targeting, a lack of accessibility and inclusivity in your ads can be a critical error for your campaign. You’ll miss out on potential customers that may have sought after your product if those attributes were taken into account. Overall, these two campaign attributes will make for more successful and impactful ads. 2. There may be legal ramifications The law on ADA accessibility as it pertains to  phone number list   advertisements and marketi...
Read more

Increased website engagement

Image
 Lightweight AMP content meshes well with mobile users that have a less-than-stable internet connection. Additionally, the decrease in page load time improves the user experience in a way that increases the chances of visitors staying on your site longer. Improved ranking and traffic Also, with page load time being a Google ranking factor, AMPs are prioritized in Google’s search algorithms, thus affecting rankings. Essentially, if two sites are neck-and-neck, the faster one wins out. Lower bounce rates With your pages loading faster, visitors usually stay onsite. A Google study once found that 53% of website visits are abandoned if a mobile site takes longer than 23 seconds to load. Additionally, publishers who implement AMP could potentially get a 2x increase in time spent on a page. And more time on your website can mean more conversions from your content. More time on your website can mean more conversions from your content.   Origina...
Read more