SEO网站优化7个最佳做法

本期的文章将带领你打通 AMP 与 SEO 的任督二脉，引导你怎么从 GA 数据中检测出自己是否需求运用 AMP ？以及揭开优化 AMP 的奥秘面纱，了解优化 AMP 的 7 个最佳做法。

1. 在 AMP 网页上展现与非 AMP 网页相同数量的广告，以完结每页收益最大化

当你运用 AMP 并看到网页加载时长、网站拜访次数等多方面都有所进步之后，请不要急于装置更多的广告方位。AMP 项目的方针是协助进步网页加载速度，让用户取得最佳体会。AMP 上投进广告也本着这样的方针，力求广告可以快速安全地呈现给用户、极具吸引力且作用卓著，而不是过度添加每个页面的广告比重。

2. 在 AMP 中展现广告，你需求将自界说 <amp-ad> 组件添加到 AMP 网页中

在非 AMP 网页（传统 HTML）中，若要展现广告，需求添加一段 JavaScript 代码，才干投进来自广告网络的广告。出于功能和安全原因，你不能在 AMP 网页中添加第三方 JavaScript。因而，要在 AMP 中展现广告，你需求将自界说 <amp-ad> 组件添加到 AMP 网页中。

第 1 步：添加 amp-ad 脚本

<amp-ad> 组件是 AMP 库的一个自界说广告扩展组件。<amp-ad> 本质上是专为优化功能而精心设计的自界说 JavaScript。要运转 <amp-ad> 组件，你有必要在 AMP 网页的 head 部分添加此组件所需的 JavaScript：

<scriptasynccustom-element="amp-ad"src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

第 2 步：添加 amp-ad 符号到 AMP 网页

超越 100 个广告服务商和广告网络供给与 AMP 的内置集成。要为指定广告网络添加广告，请添加 <amp-ad> 符号，然后在 type 特点中指定广告网络。

在本例中，咱们添加一个广告位来投进 a9 网络中的广告：

<amp-adtype="a9"></amp-ad>

第 3 步：指定广告单元的巨细

将 width 和 height 特点添加到 <amp-ad> 符号中，以便指定 AMP 网页上广告的巨细：

<amp-adtype="a9">width="300"height="250"</amp-ad>

第 4 步：设置广告网络参数

每个网络都具有投进广告所需的特定数据特点。请参阅广告网络的 <amp-ad> 文档并添加所需的特点。鄙人面的示例中，a9 网络需求其他参数以指定广告的巨细及其他详细信息：

<amp-adtype="a9"width="300"height="250"data-aax_size="300x250"data-aax_pubname="test123"data-aax_src="302"></amp-ad>

第 5 步：（可选）指定占位符

依据详细的广告网络，你可以挑选在广告可供检查前显现占位符。这样做可防止呈现空白，然后供给更好的用户体会。要指定占位符，请经过 placeholder 特点添加一个子元素。有关概况请参阅占位符和后备行为。

<amp-adtype="a9"width="300"height="250"data-aax_size="300x250"data-aax_pubname="test123"data-aax_src="302"><amp-imgplaceholdersrc="placeholder-image.jpg"></amp-img></amp-ad>

第 6 步：（可选）指定后备行为

依据详细的广告网络，你可以挑选在没有广告可投进时显现后备元素。要指定后备行为，请经过 fallback 特点添加一个子元素。有关概况请参阅占位符和后备行为。

<amp-adtype="a9"width="300"height="250"data-aax_size="300x250"data-aax_pubname="test123"data-aax_src="302"><amp-imgfallbacksrc="fallback-image.jpg"></amp-img></amp-ad>

完结以上过程，祝贺你可以在 AMP 网页上投进广告了。

3. 投进 AMPHTML 广告

AMPHTML 广告是一种更快速、更精简且更安全地在网页上投进广告的方法。尽管 AMP 网页支撑传统的 HTML 广告，但这些广告的加载速度或许很慢。要让广告自身与 AMP 网页的其他内容相同快速显现，你可以制造 AMPHTML 格局的广告。AMPHTML 广告仅在经过验证后才会投进，可保证广告的安全性和杰出体现。最重要的是，此类广告可以在网络上的任何方位（而不只是在 AMP 网页上）投进。

AMPHTML 广告是依照 AMPHTML 广告标准运用 AMP HTML 编写的（AMP HTML 的一种变体 + CSS）。这意味着广告无法再运转恣意 JavaScript，而恣意 JavaScript 正是导致传统广告体现很差的首要原因。因而，与中心 AMP 相同，中心广告 JavaScript 用例也内置于 AMP 开放源代码项目中，以保证广告完结杰出行为。

4. 运用定位数据增强广告恳求

作为快速获取投进机制的一部分，实时装备 (RTC) 功能使发布商可以运用在运转时检索到的榜首方和第三方定位信息增强广告恳求。关于每个广告位，RTC 最多支撑对定位服务器宣布 5 次出价邀约，相关成果会附加到广告恳求中。要对你的广告运用 RTC，你所运用的广告网络有必要支撑 RTC 和快速获取。

5. 展现方位与控件：优化广告展现方位

• 在榜首个视口的正下方展现榜首个广告（“非首屏”），以供给最佳用户体会。

• 除非你运用的是高档 CSS 或媒体查询，否则请保证你的广告单元坐落网页中心，以便为用户供给最佳移动网页体会。

• 对 AMP 广告资源启用多尺度广告恳求，以添加广告竞价压力并进步收入。

6. 需求与定价：为广告确认适宜的价格

• 跨一切出售途径（包含直接和直接出售途径）出售 AMP 网页上的广告单元，以最大极限进步你 AMP 网页上的广告资源的竞赛力。

• 为 AMP 网页上的广告资源定价（价格与非 AMP 网页上的广告资源相差无几）。监控作用并恰当调整价格。

• 保证一切广告需求途径都在抢夺你 AMP 网页上的广告资源，以进步竞赛压力。

7. 广告类型：投进最佳类型的广告

• 防止运用尺度很大的广告文件。

• 防止运用插页式广告或其他会导致内容在广告加载时重排的广告格局。

• 进行优化以进步可见度：将 data-loading-strategy 设置为 prefer-viewability-over-views。

• 经过支撑的播放器或 amp-iframe 在视频内容中展现广告，以经过各种类型的内容创收。

• 运用多尺度广告恳求完结原生广告，以与展现广告打开竞赛，然后在供给优质用户体会的一起添加需求压力。