整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
家做獨立站的應(yīng)該都會知道，就像文章或者自己博客被百度收錄意思一樣的，如果你的獨立站沒有被Google收錄，那就大大折扣了你的獨立站的權(quán)重，其實被Google收錄的好處不僅一個流量會提高，還有提高客戶的信任度，從而會提高轉(zhuǎn)化率，好處當(dāng)然還有很多，我就不全部解釋了，下面我們跟大家分享直接被谷歌收錄的方法和技巧！
大家也可以直接谷歌搜索我的名字（HenryDong），谷歌也會有我的信息收錄！
1）獨立站加快Google收錄網(wǎng)頁的辦法
建立適合Google搜索引擎抓取的網(wǎng)站
Google蜘蛛，在抓取網(wǎng)站的時候，是跟著鏈接去抓取的。所以我們在網(wǎng)頁布局的時候，需要注意網(wǎng)站的交互性設(shè)計。比如文章里面有相關(guān)文章。產(chǎn)品里面有相關(guān)產(chǎn)品。其次我們需要購買穩(wěn)定的服務(wù)器，這樣不會出現(xiàn)Google在爬網(wǎng)站的時候，網(wǎng)站打不開的情況。最后我們要注意網(wǎng)站的打開速度，速度慢將直接影響Google的收錄狀況。
大家用谷歌圖片搜索，搜我名字的，每一張圖片都是我的一篇文章，所有文章都會有鏈接，有我自己的官網(wǎng)鏈接也有被別人收錄的鏈接
2.建立優(yōu)質(zhì)的內(nèi)容
Google已經(jīng)發(fā)展了20多年，已經(jīng)不再缺常規(guī)的內(nèi)容。我們應(yīng)該去做一些新穎的話題內(nèi)容，來獲得Google的親睞。大部分國內(nèi)網(wǎng)站，不被收錄的原因是所有的產(chǎn)品基本一樣的描述，這種情況是，導(dǎo)致收錄比較少的，重要原因之一。
3.使用Google站長工具
將網(wǎng)站添加到Google站長工具中，使用站長工具后臺的抓取功能。
4.主動提交給谷歌收錄(下面我們介紹如何主動提交收錄)
2）如何主動讓谷歌收錄你的獨立站
第一種：域名提交法
這是最簡便、最直接的方式。
打開網(wǎng)址：
https://www.google.com/webmasters/tools/submit-url?hl=zh-CN
將您的網(wǎng)址添加到 Google索引中，每次抓取網(wǎng)絡(luò)時，Google 都會將新的網(wǎng)站添加到索引中并進(jìn)行更新。
第二種：驗證HTML文件
如果用第一種方式?jīng)]有收錄的情況，可以嘗試這種。驗證HTML文件需要懂一點技術(shù)，把文件放到網(wǎng)站里面。
首先登錄：
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
第一步：登陸網(wǎng)址后點擊添加屬性，輸入網(wǎng)站域名后，會出現(xiàn)驗證的彈窗進(jìn)行驗證。
第二步：選擇推薦的方法然后下載驗證HTML文件。
第三步：安裝HTML文件后點擊確認(rèn)，上傳后進(jìn)行驗證。
還有一些備用方法如下：
第三種：HTML標(biāo)記
如果您是使用其他系統(tǒng)，或者不懂技術(shù)，那可以選擇HTML標(biāo)記方式。這要比第二種方式方便簡單。
第一步：點擊添加屬性，輸入網(wǎng)站域名后，會出現(xiàn)驗證的彈窗進(jìn)行驗證。
第二步：點擊備用方法，然后選擇HTML標(biāo)記，復(fù)制代碼。
第三步：登錄其他系統(tǒng)后臺，然后把剛才復(fù)制的代碼添加到第三方代碼處，并啟用Meta代碼開啟，（切記不要先點擊驗證，要先復(fù)制完代碼，把代碼添加到第三方后，再返回去驗證）
以上步驟完成后返回第一步查看是否安裝成功。
返回第一步，輸入：
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上傳到網(wǎng)站根目錄
其實很多人對于這個操作不是很懂，下載了HTML，然而并不知道怎么上傳上去，其實全網(wǎng)也沒幾個真正精通的，下面我們就詳細(xì)再學(xué)習(xí)一遍！
一、什么是網(wǎng)站的根目錄
所謂的網(wǎng)站的根目錄就是用戶網(wǎng)站空間存放程序文件的最底層的一個文件夾目錄。
一般情況下，網(wǎng)站的根目錄文件夾有wwwroot、htdocs、public_html、www等各種命名
二、如何上傳文件夾中的文件至網(wǎng)站根目錄
1、打開并連接FTP工具
2、找到網(wǎng)站所在的根目錄，這里的網(wǎng)站根目錄為“WEB”命名的文件夾
3、打開網(wǎng)站的根目錄，找到要上傳的文件后，右鍵點擊，選擇“傳輸”
4、等待數(shù)秒后，文件就成功上傳到根目錄
以上就是全部的Google如何收錄你的網(wǎng)站，提高你的權(quán)重，增加你網(wǎng)站的流量的具體方法！大家可以用起來了，獨立站盡快被收錄，會有更好的一些轉(zhuǎn)化?。▉碓矗嚎缇矵enryDong）
以上內(nèi)容屬作者個人觀點，不代表雨果網(wǎng)立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。
oogle HTML/CSS 規(guī)范
本文介紹了 Google 推薦的 HTML 和 CSS 編寫格式規(guī)范，以建立良好的個人編碼習(xí)慣。
通用樣式規(guī)范
省略圖片、樣式、腳本以及其他媒體文件 URL 的協(xié)議部分（http:,https:），除非文件在兩種協(xié)議下都不可用。這種方案稱為 protocol-relative URL，好處是無論你是使用 HTTPS 還是 HTTP 訪問頁面，瀏覽器都會以相同的協(xié)議請求頁面中的資源，同時可以節(jié)省一部分字節(jié)。
<!-- 不推薦 -->
<script src="https://www.google.com/js/gweb/analytics/autotrack.js"></script>
<!-- 推薦 -->
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>
/* 不推薦 */
.example {
background: url("https://www.google.com/images/example");
}
/* 推薦 */
.example {
background: url("http://www.google.com/images/example");
}
通用格式規(guī)范
縮進(jìn)
一次縮進(jìn)2個空格，不要使用 tab 或者混合 tab 和空格的縮進(jìn)。
<ul>
<li>Fantastic
<li>Great
</ul>
.example {
color: blue;
}
大小寫
以下都應(yīng)該用小寫：HTML 元素名稱，屬性，屬性值（除非 text/CDATA），CSS 選擇器，屬性，屬性值。
<!-- 不推薦 --> <A HREF="/">Home</A> <!-- 推薦 --> <img src="google.png" alt="Google"> /* 不推薦 */ color: #E5E5E5; /* 推薦 */ color: #e5e5e5;
結(jié)尾空格
<!-- 不推薦 --> <p>What?_ <!-- 推薦 --> <p>Yes please.
通用元規(guī)范
編碼
在 HTML 中通過 <meta charset="utf-8"> 指定編碼方式，CSS 中不需要指定，因為默認(rèn)是 UTF-8。
注釋
使用注釋來解釋代碼：包含的模塊，功能以及優(yōu)點。
任務(wù)項
用 TODO 來標(biāo)記待辦事項，而不是用一些其他的標(biāo)記，像 @@。
<!-- TODO: remove optional tags --> <ul> <li>Apples</li> <li>Oranges</li> </ul>
HTML 風(fēng)格規(guī)范
文檔類型
HTML 文檔應(yīng)使用 HTML5 的文檔類型：<!DOCTYPE html>。
孤立標(biāo)簽無需封閉自身，<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 動畫等多媒體元素，確保提供其他可訪問的內(nèi)容。圖片可以使用替代文本（alt），視頻和音頻可以使用文字版本。
<!-- 不推薦 --> <img src="spreadsheet.png"> <!-- 推薦 --> <img src="spreadsheet.png" alt="Spreadsheet screenshot.">
關(guān)注分離
標(biāo)記、樣式和腳本分離，確保相互耦合最小化。
實體引用
如果團隊中文件和編輯器使用同樣的編碼方式，就沒必要使用實體引用，如 —， ”，?，除了一些在 HTML 中有特殊含義的字符（如 < 和 &）以及不可見的字符（如空格）。
<!-- 不推薦 --> The currency symbol for the Euro is “&eur;”. <!-- 推薦 --> The currency symbol for the Euro is “”.
type 屬性
在引用樣式表和腳本時，不要指定 type 屬性，除非不是 CSS 或 JavaScript。
因為 HTML5 中已經(jīng)默認(rèn)指定樣式變的 type 是 text/css，腳本的type 是 text/javascript。
<!-- 不推薦 --> <link rel="stylesheet" type="text/css"> <!-- 推薦 --> <link rel="stylesheet" > <!-- 不推薦 --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js" type="text/javascript"></script> <!-- 推薦 --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>
HTML 格式規(guī)范
HTML 引號
屬性值用雙引號。
<!-- 不推薦 --> <a class='maia-button maia-button-secondary'>Sign in</a> <!-- 推薦 --> <a class="maia-button maia-button-secondary">Sign in</a>
CSS 風(fēng)格規(guī)范
ID 和 Class 命名
使用有含義的 id 和 class 名稱。
/* 不推薦: 含義不明確 */
#yee-1901 {}
/* 不推薦: 按直覺來的 */
.button-green {}
.clear {}
/* 推薦: 指定含義 */
#gallery {}
#login {}
.video {}
/* 推薦: 通用 */
.aux {}
.alt {}
ID 和 Class 命名風(fēng)格
id 和 class 應(yīng)該盡量簡短，同時要容易理解。
/* 不推薦 */
#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進(jìn)制表示法
/* 不推薦 */ color: #eebbcc; /* 推薦 */ color: #ebc;
前綴
使用帶前綴的命名空間可以防止命名沖突，同時提高代碼可維護(hù)性。
.adw-help {} /* AdWords */
#maia-note {} /* Maia */
ID 和 Class 命名分隔符
選擇器中使用連字符可以提高可讀性。
/* 不推薦: “demo” 和 “image” 之間沒有分隔符 */
.demoimage {}
/* 不推薦: 使用下劃線 */
.error_status {}
/* 推薦 */
#video-id {}
.ads-sample {}
CSS 格式規(guī)范
書寫順序
按照屬性首字母順序書寫 CSS 易于閱讀和維護(hù)，排序時忽略帶有瀏覽器前綴的屬性。
background: fuchsia; border: 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: black; text-align: center; text-indent: 2em;
塊級內(nèi)容縮進(jìn)
為了反映層級關(guān)系和提高可讀性，塊級內(nèi)容都應(yīng)縮進(jìn)。
@media screen, projection {
html {
background: #fff;
color: #444;
}
}
聲明結(jié)束
每行 CSS 都應(yīng)以分號結(jié)尾。
/* 不推薦 */
.test {
display: block;
height: 100px
}
/* 推薦 */
.test {
display: block;
height: 100px;
}
屬性名結(jié)尾
屬性名和值之間都應(yīng)有一個空格。
/* 不推薦 */
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;
}
規(guī)則分隔
規(guī)則之間都用空行隔開。
html {
background: #fff;
}
body {
margin: auto;
width: 50%;
}
CSS 引號
屬性選擇器和屬性值用單引號，URI 的值不需要引號。
/* 不推薦 */
@import url("http://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 元規(guī)則
分段注釋
用注釋把 CSS 分成各個部分。
TML教程
超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
在本教程中，您將學(xué)習(xí)如何使用 HTML 來創(chuàng)建站點。
HTML 很容易學(xué)習(xí)！相信您能很快學(xué)會它！
本教程包含了數(shù)百個 HTML 實例。
使用本站的編輯器，您可以輕松實現(xiàn)在線修改 HTML，并查看實例運行結(jié)果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</head>
<body>
<h1>我的第一個標(biāo)題</h1>
<p>我的第一個段落。</p>
</body>
</html>HTML 文檔的后綴名
.html
.htm
都可以。
實例：
<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標(biāo)題</h1>
<p>這是我的段落</p>
</body>
</html>實例解析
什么是HTML？
標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>html元素
“HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實例:
HTML 元素:
<p>這是一個段落</p>web瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶
html網(wǎng)頁結(jié)構(gòu)
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>html的版本：
<!DOCTYPE>聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!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">中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
