GVKun编程网logo

移动特性标签(rel=alternate)针对seo推广有积极意义吗?(移动特色)

15

本文将为您提供关于移动特性标签的详细介绍,我们还将为您解释rel=alternate针对seo推广有积极意义吗?的相关知识,同时,我们还将为您提供关于html–我可以为网页设置多个rel=“alter

本文将为您提供关于移动特性标签的详细介绍,我们还将为您解释rel=alternate针对seo推广有积极意义吗?的相关知识,同时,我们还将为您提供关于html – 我可以为网页设置多个rel =“alternate”标签吗?、link rel=alternate网站换肤功能、Linux 命令 alternatives和update-alternatives、Linux中的update-alternatives(或alternatives)的实用信息。

本文目录一览:

移动特性标签(rel=alternate)针对seo推广有积极意义吗?(移动特色)

移动特性标签(rel=alternate)针对seo推广有积极意义吗?(移动特色)

操作可替代性的主要表现是什么?前面已经介绍了属性rel=canonicalfor,这也是本文引入另一个属性rel=alternatefor的原因,因为这两个属性有密切的对应关系。  

许多人可能会问,rel=alternate是什么?我们应该如何使用rel=alternate?  

Rel=alternate是一个移动属性。如果canonicalweb页面有相应的移动版本,则应添加rel="alternate"链接,从而生成此页面的移动版本:  

简而言之,当您拥有独立的移动和桌面站点时,您需要清楚地说明这两个到搜索引擎之间的关系,以帮助它们理解它们提供给用户的站点,并防止重复的内容问题。但在确保实现此属性时,请记住以下实践:  

使用从桌面到移动设备的移动属性和从移动设备到桌面的规范链接进行双向引用。  

一对一关系:每个桌面页面都有一个移动对应页面,反之亦然。  

避免重定向:仅引用实际页面。  

使用url,包括域名和协议。  

rel=“alternate”是什么? 

当人们谈论rel="alternate",rel="alternate"媒体令牌或rel="alternate"媒体属性时,他们引用了这个链接关系:  

为了方便起见,我们将其称为move属性。  

此链接关系用于指示桌面和移动web站点以及搜索引擎之间的关系。如果您有一个单独的桌面和移动站点,并且您关心移动搜索引擎优化,那么您需要使用move属性。  

何时使用rel="alternate"移动属性?  

如果很大一部分访问者来自移动设备,他们可以通过专门的移动站点优化自己的体验。注意,这与“响应式站点”不同,“响应式站点”的站点具有可调整的布局以显示设备,而专用的移动站点具有完全独立的站点url。  

在本例中,如果您有单独的桌面和移动站点,您希望搜索引擎向正确的用户显示站点的正确版本。当您的桌面用户使用搜索引擎而您的站点出现时,您希望他们终出现在您的桌面站点上。如果它们在移动设备上,您希望搜索引擎显示您的移动站点。  

如何实现move属性?  

移动属性  

使用move属性来传递页面的移动版本  

此移动属性可以在HTML中实现,也可以通过XML站点地图实现。  

HTML代码的实现  

在桌面页面  

在桌面HTML页面中,使用链接关系定义指向页面的移动版本:  

这意味着当用户设备的宽度小于640像素时,应该提供移动web站点。  

移动页面  

在移动页面的HTML中,使用规范URL指向页面的桌面版本:  

<linkrel="canonical"href=>  

使用标准url可以防止重复内容。它告诉搜索引擎桌面页面应该被索引。

html – 我可以为网页设置多个rel =“alternate”标签吗?

html – 我可以为网页设置多个rel =“alternate”标签吗?

在我的网站中,我对RSS使用了rel =“alternate”,如下所示

<link rel="alternate" type="application/RSS+xml" title="RSS 2.0" href="http://www.mydomain.com/RSS" />

现在我想为移动网站添加另一个rel =“alternate”标记

<link rel="alternate" media="handheld" href="http://m.mydomain.com" />

是否有任何问题在页面中使用多个rel =“alternate”标签或对SEO没有任何影响?

解决方法

这没有问题,恰恰相反,它甚至受到了鼓励.

例如.链接到页面的几个翻译;请参阅HTML 4.01: Links and search engines中的示例.或链接到多个不同的Feed;请参阅HTML5: Link type “alternate“中的示例.或链接到几个不同的(=替代)样式表.

link rel=alternate网站换肤功能

此方法借助HTML rel属性的alternate属性值实现。

<link href="reset.css" rel="stylesheet" type="text/css"> <link href="default.css" rel="stylesheet" type="text/css" title="默认"> <link href="red.css" rel="alternate stylesheet" type="text/css" title="红色"> <link href="green.css" rel="alternate stylesheet" type="text/css" title="绿色">

上面4个<link>元素,共出现了3中不同性质的CSS样式文件加载:

  • 没有title属性,rel属性值仅仅是stylesheet的<link>无论如何都会加载并渲染,如reset.css;
  • 有title属性,rel属性值仅仅是stylesheet的<link>作为默认样式CSS文件加载并渲染,如default.css;
  • 有title属性,rel属性值同时包含alternate stylesheet的<link>作为备选样式CSS文件加载,默认不渲染,如red.css和green.css

实现案例:

css代码:

/* default.css中 */
.box {
    outline: 5px solid;
    outline-offset: -5px;
}
/* red.css中 */
.box {
    background-color: #cd0000;
    color: #fff;
}
/* gren.css中 */
.box {
    background-color: green;
    color: orange;
}

HTML代码:

<link href="reset.css" rel="stylesheet" type="text/css">
                
<link href="default.css" rel="stylesheet" type="text/css" title="默认">
<link href="red.css" rel="alternate stylesheet" type="text/css" title="红色">
<link href="green.css" rel="alternate stylesheet" type="text/css" title="绿色">

<div>
    <img src="../201808/book.jpg">
    <p>背景色是?文字颜色是?</p>
</div>
<p>
    选择样式:
    <input id="default" type="radio" name="skin" value="default.css" checked><label for="default">默认</label>
    <input id="red" type="radio" name="skin" value="red.css"><label for="red">红色</label>
    <input id="green" type="radio" name="skin" value="green.css"><label for="green">绿色</label>
</p>

JS代码:

var eleLinks = document.querySelectorAll(''link[title]'');
var eleRadios = document.querySelectorAll(''input[type="radio"]'');
[].slice.call(eleRadios).forEach(function (radio) {
    radio.addEventListener(''click'', function () {
        var value = this.value;
        [].slice.call(eleLinks).forEach(function (link) {
            link.disabled = true;
            if (link.getAttribute(''href'') == value) {
                link.disabled = false;
            }
        });
    });
});

 

Linux 命令 alternatives和update-alternatives

Linux 命令 alternatives和update-alternatives

1. alternatives

Linux代码  

  1. alternatives version 1.3.13.5.EL4 - copyright (C) 2001 Red Hat, Inc.  
  2. This may be freely redistributed under the terms of the GNU Public License.  
  3.   
  4. usage: alternatives --install <link> <name> <path> <priority>  
  5.                     [--initscript <service>]  
  6.                     [--slave <link> <name> <path>]*  
  7.        alternatives --remove <name> <path>  
  8.        alternatives --auto <name>  
  9.        alternatives --config <name>  
  10.        alternatives --display <name>  
  11.        alternatives --set <name> <path>  
  12. common options: --verbose --test --help --usage --version  
  13.                 --altdir <directory> --admindir <directory>  
 

 

2. update-alternatives

                --altdir <directory> --admindir <directory>  

3、实例

举个使用例子吧,改变系统bin默认java的指向:

  • 安装  
  • #alternatives --install /usr/bin/java java /home/server/jdk1.6.0_21/bin/java 300  
  •   
  • 查询  
  • #alternatives --display java  
  • 删除  
  • #alternatives --remove java  /home/server/jdk1.6.0_21/bin/java  

  • 配置 可以在各个版本之间选择
  • #alternatives --config java 
  • 4、总结

          1、alternatives和update-alternatives其实一个东东,都指向alternatives。

          2、网上找了一个说明(也不知道对不对)

               用于存放系统的一些默认打开程序的信息和配置,比如默认的编辑器、默认的网络浏览器、 默认的图形登陆器、默认的鼠标指针  等。


    Linux中的update-alternatives(或alternatives)

    Linux中的update-alternatives(或alternatives)

    alternatives与update-alternatives好像是同一样工具(各个linux发行版使用的不一样),这里就以update-alternatives为例进行讲述。update-alternatives是linux里很有用的工具,不仅在Debian系列,redhat系列也同样有它。

    linux发展到今天,可用的软件已经非常多了。这样自然会有一些软件的功能大致上相同。例如,同样是编辑器,就有nvi,vim,emacs,nano等。大多数情况下,这样的功能相似的软件都是同时安装在系统里的,可以用它们的名称来执行。例如,要执行vim,只要在终端下输入vim并按回车就可以了。不过,有些情况下我们需要用一个相对固定的命令调用这些程序中的一个。例如,当我们写一个脚本程序时,只要写下editor,而不希望要为“编辑器是哪个”而操心。以Debian为例,它提供了一种机制来解决这个问题,而update-alternatives就是用来实现这种机制的。

    在说明update-alternatives的详细内容之前,先让我们看看系统中已有的例子。打开终端,执行下面的命令:

    我们看到,editor这个可执行命令实际上是个符号连接,它指向/etc/alternatives/editor;而/etc/alternatives/editor也是个符号连接,它指向/bin/nano。这样,当我们输入editor并回车,将执行nano。之所以要在费心建立这样两个链接,就是要实现上面说到的特性:方便脚本程序的编写和系统的管理。

    下面我们来看看update-alternatives的功能。首先要介绍的参数是 --display 。它使我们可以看到一个命令的所有可选命令。执行代码:

    $ sudo update-alternatives -- display editor


    你可以看到我的机器上所有可以用来被 editor 链接的命令。

    下面说说 --config 。这个选项使我们可以选择其中一个命令,代码如下:

    $ sudo  update-alternatives --config editor

    上例中,我从3代表的emacs24编辑器,修改为1代表的ed。

    说到这里,我们就要介绍一些概念了。首先,update-alternatives在一般情况下是由postinst和prerm这样的安装脚本自动调用的,所以一个alternative的状态有两种:自动和手动。每个alternative的初始状态都是自动,如果系统发现管理员手动修改了一个alternative,它的状态就从自动变成了手动,这样安装脚本就不会更新它了。如果你希望将一个alternative变回自动,只要执行代码:

    $ sudo update-alternatives --auto editor

    就可以了。我们来看一下官方的命令选项:


    你注意到了吗?上面见到了”名字“。该怎样写名字呢?这就是我们要介绍的第二个概念:

    --auto , --display和--config 跟的都是link。我们要说的第三个概念是优先级。这个比较简单,当然优先级越高的程序越好啦!最后一个概念是主和从的alternative。想想看,你将/usr/bin/editor链接到vim,可是当你执行man editor时看到的却是emacs的manpage,你会做何感想呢?这就引出了主和从alternative的概念:当更新主的alternative时,从的alternative也会被更新。

    说完这四个重要的概念后,我们介绍另外两个选项,其它的自己看文档。

    第一个是 --install。它的格式是:sudo update-alternatives --install gen link alt pri [--slave sgen slink salt]...

    gen,link,alt,pri分别是我们上面说过的。如果需要从alternative,你可以用 --slave加在后面。如果你在向一个已经存在的alternative组中添加新的alternatives,该命令会把这些alternatives加入到这个已经存在的alternative组的列表中,并用新的可选命令作为新的命令;否则,将会将立一个新的自动的alternative组。

    如果我们加入一个错误的alternative。我不想要这个alternative了。在这种情况下,可以执行下面的命令,代码示例:

    update-alternatives --remove name path

    name是一个在/etc/alternatives中的名字,也就是上面的link,而path是希望删除的可选程序名的绝对路径名(放心,这样只是从列表中删除了这个程序,并不会真的从硬盘上删除程序的可执行文件)。如果从一个alternative组中删除了一个正在被链接的程序并且这个组仍然没有变成空的,update-alternative会自动用一个具有其他优先级的可选程序代替原来的程序。如果这个组变成空的了,那么连这个alternative组都会被移除。如果删除的程序没有被链接,则只有有关这个程序的信息会移除。

    注:update-alternatives工具非常适合在多版本的java之间切换。



    关于移动特性标签rel=alternate针对seo推广有积极意义吗?的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于html – 我可以为网页设置多个rel =“alternate”标签吗?、link rel=alternate网站换肤功能、Linux 命令 alternatives和update-alternatives、Linux中的update-alternatives(或alternatives)等相关内容,可以在本站寻找。

    本文标签:

    上一篇介绍WordPress站点安装安全相关注意事项(介绍wordpress站点安装安全相关注意事项有哪些)

    下一篇如何pr劫持网站的真假判定方法及对搜索引擎优化的影响(pr劫持是什么)