整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
家做獨立站的應該都會知道，就像文章或者自己博客被百度收錄意思一樣的，如果你的獨立站沒有被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="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");
}
通用格式規范
縮進
一次縮進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" 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 格式規范
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("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 元規則
分段注釋
用注釋把 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
都可以。
實例：
<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標題</h1>
<p>這是我的段落</p>
</body>
</html>實例解析
什么是HTML？
標簽
<標簽>內容</標簽>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。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
