整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

独立站被谷歌收录的方法和技巧分享：三招让Google

独立站被谷歌收录的方法和技巧分享：三招让Google收录你的独立站

家做独立站的应该都会知道，就像文章或者自己博客被百度收录意思一样的，如果你的独立站没有被Google收录，那就大大折扣了你的独立站的权重，其实被Google收录的好处不仅一个流量会提高，还有提高客户的信任度，从而会提高转化率，好处当然还有很多，我就不全部解释了，下面我们跟大家分享直接被谷歌收录的方法和技巧！

大家也可以直接谷歌搜索我的名字（HenryDong），谷歌也会有我的信息收录！

1）独立站加快Google收录网页的办法

建立适合Google搜索引擎抓取的网站

Google蜘蛛，在抓取网站的时候，是跟着链接去抓取的。所以我们在网页布局的时候，需要注意网站的交互性设计。比如文章里面有相关文章。产品里面有相关产品。其次我们需要购买稳定的服务器，这样不会出现Google在爬网站的时候，网站打不开的情况。最后我们要注意网站的打开速度，速度慢将直接影响Google的收录状况。

大家用谷歌图片搜索，搜我名字的，每一张图片都是我的一篇文章，所有文章都会有链接，有我自己的官网链接也有被别人收录的链接

2.建立优质的内容

Google已经发展了20多年，已经不再缺常规的内容。我们应该去做一些新颖的话题内容，来获得Google的亲睐。大部分国内网站，不被收录的原因是所有的产品基本一样的描述，这种情况是，导致收录比较少的，重要原因之一。

3.使用Google站长工具

将网站添加到Google站长工具中，使用站长工具后台的抓取功能。

4.主动提交给谷歌收录(下面我们介绍如何主动提交收录)

2）如何主动让谷歌收录你的独立站

第一种：域名提交法

这是最简便、最直接的方式。

打开网址：

https://www.google.com/webmasters/tools/submit-url?hl=zh-CN

将您的网址添加到 Google索引中，每次抓取网络时，Google 都会将新的网站添加到索引中并进行更新。

第二种：验证HTML文件

如果用第一种方式没有收录的情况，可以尝试这种。验证HTML文件需要懂一点技术，把文件放到网站里面。

首先登录：

https://www.google.com/webmasters/verification/home?hl=zh-CN&theme=wmt&continue=https://www.google.com/webmasters/tools/dashboard?hl%3Dzh-CN%26sig%3DALjLGbM42SIgAoHv_pXtJC1WuduIPcy_bw

第一步：登陆网址后点击添加属性，输入网站域名后，会出现验证的弹窗进行验证。

第二步：选择推荐的方法然后下载验证HTML文件。

第三步：安装HTML文件后点击确认，上传后进行验证。

还有一些备用方法如下：

第三种：HTML标记

如果您是使用其他系统，或者不懂技术，那可以选择HTML标记方式。这要比第二种方式方便简单。

第一步：点击添加属性，输入网站域名后，会出现验证的弹窗进行验证。

第二步：点击备用方法，然后选择HTML标记，复制代码。

第三步：登录其他系统后台，然后把刚才复制的代码添加到第三方代码处，并启用Meta代码开启，（切记不要先点击验证，要先复制完代码，把代码添加到第三方后，再返回去验证）

以上步骤完成后返回第一步查看是否安装成功。

返回第一步，输入：

https://www.google.com/webmasters/verification/home?hl=zh-CN&theme=wmt&continue=https://www.google.com/webmasters/tools/dashboard?hl%3Dzh-CN%26sig%3DALjLGbM42SIgAoHv_pXtJC1WuduIPcy_bw

查看验证是否成功

3）如何把下载的HTML上传到网站根目录

其实很多人对于这个操作不是很懂，下载了HTML，然而并不知道怎么上传上去，其实全网也没几个真正精通的，下面我们就详细再学习一遍！

一、什么是网站的根目录

所谓的网站的根目录就是用户网站空间存放程序文件的最底层的一个文件夹目录。

一般情况下，网站的根目录文件夹有wwwroot、htdocs、public_html、www等各种命名

二、如何上传文件夹中的文件至网站根目录

1、打开并连接FTP工具

2、找到网站所在的根目录，这里的网站根目录为“WEB”命名的文件夹

3、打开网站的根目录，找到要上传的文件后，右键点击，选择“传输”

4、等待数秒后，文件就成功上传到根目录

以上就是全部的Google如何收录你的网站，提高你的权重，增加你网站的流量的具体方法！大家可以用起来了，独立站尽快被收录，会有更好的一些转化！（来源：跨境HenryDong）

以上内容属作者个人观点，不代表雨果网立场！本文经原作者授权转载，转载需经原作者授权同意。

oogle HTML/CSS 规范

本文介绍了 Google 推荐的 HTML 和 CSS 编写格式规范，以建立良好的个人编码习惯。

通用样式规范

省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。

<!-- 不推荐 -->
<script src="https://www.google.com/js/gweb/analytics/autotrack.js"></script>
<!-- 推荐 -->
<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>
/* 不推荐 */
.example {
 background: url("https://www.google.com/images/example");
}
/* 推荐 */
.example {
 background: url("//www.google.com/images/example");
}

通用格式规范

缩进

一次缩进2个空格，不要使用 tab 或者混合 tab 和空格的缩进。

<ul>
 <li>Fantastic
 <li>Great
</ul>
.example {
 color: blue;
}

大小写

以下都应该用小写：HTML 元素名称，属性，属性值（除非 text/CDATA），CSS 选择器，属性，属性值。

<!-- 不推荐 -->
<A HREF="/">Home</A>
<!-- 推荐 -->
<img src="google.png" alt="Google">
/* 不推荐 */
color: #E5E5E5;
/* 推荐 */
color: #e5e5e5;

结尾空格

<!-- 不推荐 -->
<p>What?_
<!-- 推荐 -->
<p>Yes please.

通用元规范

编码

在 HTML 中通过 <meta charset="utf-8"> 指定编码方式，CSS 中不需要指定，因为默认是 UTF-8。

注释

使用注释来解释代码：包含的模块，功能以及优点。

任务项

用 TODO 来标记待办事项，而不是用一些其他的标记，像 @@。

<!-- TODO: remove optional tags -->
<ul>
 <li>Apples</li>
 <li>Oranges</li>
</ul>

HTML 风格规范

文档类型

HTML 文档应使用 HTML5 的文档类型：<!DOCTYPE html>。

孤立标签无需封闭自身，<br> 不要写成 <br />。

HTML 正确性

尽可能使用正确的 HTML。

<!-- 不推荐 -->
<title>Test</title>
<article>This is only a test.
<!-- 推荐 -->
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test</title>
<article>This is only a test.</article>

语义化

<!-- 不推荐 -->
<div onclick="goToRecommendations();">All recommendations</div>
<!-- 推荐 -->
<a href="recommendations/">All recommendations</a>

多媒体元素降级

对于像图片、视频、canvas 动画等多媒体元素，确保提供其他可访问的内容。图片可以使用替代文本（alt），视频和音频可以使用文字版本。

<!-- 不推荐 -->
<img src="spreadsheet.png">
<!-- 推荐 -->
<img src="spreadsheet.png" alt="Spreadsheet screenshot.">

关注分离

标记、样式和脚本分离，确保相互耦合最小化。

实体引用

如果团队中文件和编辑器使用同样的编码方式，就没必要使用实体引用，如 —， ”，?，除了一些在 HTML 中有特殊含义的字符（如 < 和 &）以及不可见的字符（如空格）。

<!-- 不推荐 -->
The currency symbol for the Euro is “&eur;”.
<!-- 推荐 -->
The currency symbol for the Euro is “”.

type 属性

在引用样式表和脚本时，不要指定 type 属性，除非不是 CSS 或 JavaScript。

因为 HTML5 中已经默认指定样式变的 type 是 text/css，脚本的type 是 text/javascript。

<!-- 不推荐 -->
<link rel="stylesheet" href="//www.google.com/css/maia.css"
 type="text/css">
<!-- 推荐 -->
<link rel="stylesheet" href="//www.google.com/css/maia.css">
<!-- 不推荐 -->
<script src="//www.google.com/js/gweb/analytics/autotrack.js"
 type="text/javascript"></script>
<!-- 推荐 -->
<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>

HTML 格式规范

HTML 引号

属性值用双引号。

<!-- 不推荐 -->
<a class='maia-button maia-button-secondary'>Sign in</a>
<!-- 推荐 -->
<a class="maia-button maia-button-secondary">Sign in</a>

CSS 风格规范

ID 和 Class 命名

使用有含义的 id 和 class 名称。

/* 不推荐: 含义不明确 */
#yee-1901 {}
/* 不推荐: 按直觉来的 */
.button-green {}
.clear {}
/* 推荐: 指定含义 */
#gallery {}
#login {}
.video {}
/* 推荐: 通用 */
.aux {}
.alt {}

ID 和 Class 命名风格

id 和 class 应该尽量简短，同时要容易理解。

/* 不推荐 */
#navigation {}
.atr {}
/* 推荐 */
#nav {}
.author {}

选择器

除非需要，否则不要在 id 或 class 前加元素名。

/* 不推荐 */
ul#example {}
div.error {}
/* 推荐 */
#example {}
.error {}

属性简写

尽量使用 CSS 中可以简写的属性 (如 font)，可以提高编码效率以及代码可读性。

/* 不推荐 */
border-top-style: none;
font-family: palatino, georgia, serif;
font-size: 100%;
line-height: 1.6;
padding-bottom: 2em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0;
/* 推荐 */
border-top: 0;
font: 100%/1.6 palatino, georgia, serif;
padding: 0 1em 2em;

0 和单位

值为 0 时不用添加单位。

margin: 0;
padding: 0;

开头的 0

值在 -1 和 1 之间时，不需要加 0。

font-size: .8em;

16进制表示法

/* 不推荐 */
color: #eebbcc;
/* 推荐 */
color: #ebc;

前缀

使用带前缀的命名空间可以防止命名冲突，同时提高代码可维护性。

.adw-help {} /* AdWords */
#maia-note {} /* Maia */

ID 和 Class 命名分隔符

选择器中使用连字符可以提高可读性。

/* 不推荐: “demo” 和 “image” 之间没有分隔符 */
.demoimage {}
/* 不推荐: 使用下划线 */
.error_status {}
/* 推荐 */
#video-id {}
.ads-sample {}

CSS 格式规范

书写顺序

按照属性首字母顺序书写 CSS 易于阅读和维护，排序时忽略带有浏览器前缀的属性。

background: fuchsia;
border: 1px solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: black;
text-align: center;
text-indent: 2em;

块级内容缩进

为了反映层级关系和提高可读性，块级内容都应缩进。

@media screen, projection {
 html {
 background: #fff;
 color: #444;
 }
}

声明结束

每行 CSS 都应以分号结尾。

/* 不推荐 */
.test {
 display: block;
 height: 100px
}
/* 推荐 */
.test {
 display: block;
 height: 100px;
}

属性名结尾

属性名和值之间都应有一个空格。

/* 不推荐 */
h3 {
 font-weight:bold;
}
/* 推荐 */
h3 {
 font-weight: bold;
}

声明样式块的分隔

在选择器和 {} 之间用空格隔开。

/* Not recommended: missing space */
#video{
 margin-top: 1em;
}
/* Not recommended: unnecessary line break */
#video
{
 margin-top: 1em;
}
/* 推荐 */
#video {
 margin-top: 1em;
}

选择器分隔

每个选择器都另起一行。

/* 不推荐 */
a:focus, a:active {
 position: relative; top: 1px;
}
/* 推荐 */
h1,
h2,
h3 {
 font-weight: normal;
 line-height: 1.2;
}

规则分隔

规则之间都用空行隔开。

html {
 background: #fff;
}
body {
 margin: auto;
 width: 50%;
}

CSS 引号

属性选择器和属性值用单引号，URI 的值不需要引号。

/* 不推荐 */
@import url("//www.google.com/css/maia.css");
html {
 font-family: "open sans", arial, sans-serif;
}
/* 推荐 */
@import url(//www.google.com/css/maia.css);
html {
 font-family: 'open sans', arial, sans-serif;
}

CSS 元规则

分段注释

用注释把 CSS 分成各个部分。

TML教程

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

在本教程中，您将学习如何使用 HTML 来创建站点。

HTML 很容易学习！相信您能很快学会它！

本教程包含了数百个 HTML 实例。

使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>孙叫兽的博客</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
</html>

HTML 文档的后缀名

.html

.htm

都可以。

  • HTML 简介

实例：

<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
</header>
<body>
<h1>这是我的标题</h1>
<p>这是我的段落</p>
</body>
</html>

实例解析

  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据，如 <meta charset=“utf-8”> 定义网页编码格式为 utf-8。
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

什么是HTML？

  • HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面
  • HTML 标签
  • HTML 标记标签通常被称为 HTML

标签

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
    • <标签>内容</标签>

    html元素

    “HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.

    但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

    HTML 元素:

    <p>这是一个段落</p>

    web浏览器

    Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

    浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户

    html网页结构

    <html>
    <head>
        <title>页面标题</title>
    </head>
    <body>
        <h1>这是一个标题</h1>
        <p>这是一个段落。</p>
        <p>这是另外一个段落。</p>
    </body>
</html>

    html的版本：

    <!DOCTYPE>声明

    <!DOCTYPE>声明有助于浏览器中正确显示网页。

    网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

    doctype 声明是不区分大小写的，以下方式均可：

    <!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

    html5

    <!DOCTYPE html>

    html4

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">

    xhtml1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    中文编码

    目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。


    在线咨询
    上一篇：CSS 实现两边固定宽，中间自适应
    下一篇：websocket和ajax区别,只有这5点不同

    您的项目需求

    *请认真填写需求信息，我们会在24小时内与您取得联系。

    推荐阅读
    友情链接 甘谷县 开化县 乌兰察布 北海 绥德县 田阳县 网站制作
    Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
    联系电话：   E-mail：279303980@qq.com  
    主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
    电话沟通
    在线客服