Question

我已经有一个网站：
1. www.example.com --->是台式机版本（非放大器） 2. www.example.com/mobile --->是移动版本（非放大器）

在台式机版本的index.htm页面中，我放置了：

<title>blo blo blo</title>
<meta name="description" content="bla bla bla">
<meta name="keywords" content="blu blu blu">
<link rel="alternate" media="only screen and (max-width: 1024px)"
href="http://www.example.com/mobile/index.php">

<script type="text/javascript">
<!--
if (screen.width <= 1024) {
window.location = "http://www.example.com/mobile/index.php";
}
//-->
</script>

我将移动版本的index.php页面放在：

<title>blo blo blo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="bla bla bla">
<meta name="keywords" content="blu blu blu">
<link rel="canonical" href="http://www.example.com/index.htm">

_{请不要问我为什么我在台式机版本中有index.htm而在移动版中为什么有index.php，因为我本人已经忘记了几年前为什么这样做：）。}

无论如何，它有效。如果我在移动设备的浏览器中输入“ www.example.com”，那么它将显示“ www.example.com/mobile/index.php”页面。如果我在桌面浏览器中输入“ www.example.com”，则会显示“ www.example.com/index.htm”页面。

现在，我想在子文件夹中添加一个新页面，但我只想制作一个版本（即amp html页面），而不是为台式机和移动版制作两个版本。

我从互联网上的一些文章中了解到，一个版本的html页面可能适用于两个版本（台式机和移动设备），而从here上说：

AMP HTML文件需要指向常规HTML的规范链接。 如果不存在HTML版本，则应指向自身。

因此，我假设在子文件夹的此新amp html页面中，我应该将代码放置如下：

<link rel="canonical" href="http://www.example.com/jewelry/index.html">

该链接指向自身的位置（珠宝子文件夹中的amp html索引页）。

我想要的是这样的：

www.example.com/index.htm（非Amp桌面版）
www.example.com/mobile/index.php（非安培移动版）
具有Amp index.htm文件的新子文件夹（称为珠宝）。这个连结将会在example.com/index.htm中（在导航栏中）同时提供页面和example.com/mobile/index.php页面。
如果有桌面用户和/或移动用户单击该链接，他/她将进入example.com/jewelry/index.htm页面（放大器版本）。

我一直在互联网上四处寻找是否可以在amp html页面中放置如下元名称的代码，但是我找不到它：

<meta name="description" content="bla bla bla">
<meta name="keywords" content="blu blu blu">

所以，我的问题是：
我可以在amp html页面中放置元名称“ description”和“ keywords”吗？

任何回应都将不胜感激。
谢谢你。

Answer 1

您需要将meta标记放入主文件的非放大页面，并添加标记以使您的页面可被发现

<link rel="amphtml" href="http://www.example.com/mobile/index.php">

非规范amp html中的元名称？

1 个答案: