整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          百度首頁-HTML代碼

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

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

          <title>nw百度首頁</title>

          <style>

          .w1, .w2, .w3, .w4, .w5, .w6 {

          width: auto;

          }

          .bk {

          border: 1px solid red;

          width: auto;

          }

          .w1 {

          height: 46px;

          }

          .w1_1 {

          width: 463px;

          height: 46px;

          float: right;

          }

          .w1_2 img {

          margin-top: 15px;

          margin-left: 391px;

          }

          .w2 {

          height: 201px;

          }

          .w2 img {

          margin-top: 90px;

          margin-left: 690px;

          }

          .w3 {

          height: 35px;

          margin-left: 480px;

          }

          .w3_2 img {

          position: relative;

          right: 36px;

          top: -5px;

          }

          .w4 {

          height: 337px;

          }

          .w5 {

          height: 64px;

          }

          .w5_1, .w5_2, .w5_3, .w5_4, .w5_5 {

          float: left

          }

          .w5_1 {

          font-size: 12px;

          margin-left: 480px;

          width: 642px;

          }

          .w5_2 {

          }

          .w5_3 p {

          width: 93px;

          margin-left: 8px;

          line-height: 20px;

          }

          .w5_4 {

          }

          .w5_5 {

          line-height: 22px;

          }

          .w5_5 p {

          width: 93px;

          margin-left: 8px;

          line-height: 20px;

          }

          .w5_6{line-height:19px;}

          .w5_6_1 span{margin-right:11px;}

          ul {

          list-style-type: none;

          margin: 0px;

          padding: 0px;

          }

          li {

          float: left;

          margin-right: 20px;

          margin-top: 24px;

          font-size: 13px;

          font-weight: bold;

          }

          a {

          color: #333333

          }

          </style>

          </head>

          <body style="margin:0px auto;">

          <div class="w1">

          <div class="w1_1 ">

          <ul>

          <li><a href="">糯米</a></li>

          <li><a href="">新聞</a></li>

          <li><a href="">hao123</a></li>

          <li><a href="">地圖</a></li>

          <li><a href="">視頻</a></li>

          <li><a href="">貼吧</a></li>

          <li><a href="">登錄</a></li>

          <li><a href="">設置</a></li>

          </ul>

          <p class="wl_2"><img src="images/111.jpg" alt=""> </p>

          </div>

          <p></p>

          </div>

          <div class="w2"><img src="images/222.jpg" alt=""></div>

          <div class="w3 ">

          <div class="w3_1">

          <div class="w3_2">

          <input style="width:536px;height:35px;border:1px solid #ccc; position: relative;

          top:-13px" type="text">

          <img src="images/333.jpg" alt=""> <img src="images/444.jpg" alt="" style="position:relative;left:-33px; top:0px" ;=""></div>

          </div>

          </div>

          <div class="w4"></div>

          <div class="w5 ">

          <div class="w5_1">

          <div class="w5_2" ><img src="images/555.jpg" alt="" style="display:block; float:left" ></div>

          <div class="w5_3" >

          <p > <b style="color:#666666;">手機百度</b><span style="color:#999999; display:block ">快人一部</span> </p>

          </div>

          <div class="w5_4 "><img src="images/666.jpg" alt="" style="display:block;" ></div>

          <div class="w5_5 ">

          <p > <b style="color:#666666; font-weight:bold; ">百度糯米</b><span style="color:#999999; display:block ">一元大餐</span> </p>

          </div>

          <div class="w5_6">

          <div class="w5_6_1"> <span>把百度設為主頁</span> <span>關于百度</span> <span>About Baidu</span> <span>百度推廣</span> </div>

          <div class="w5_6_2">?2016 Baidu 使用百度前必讀 意見反饋 京ICP證030173號 </div><img src="images/777.jpg" alt="" style="vertical-align:middle;">

          <div class="w5_6_3"><img src="images/888.jpg" alt="" style="vertical-align:middle;">京公網安備11000002000001號</div>

          </div>

          </div>

          </div>

          <div class="w6 "></div>

          </body>

          </html>

          國家發生某些重大事件時,我國的門戶網站都有將首頁變為黑白的習慣。當然,也有一些網站并沒有將首頁變成黑白,例如抖音。作為一個技術小白,怎么能夠在黑白模式下刷這些不聽話的網站呢?

          首先技術小白并不需要懂代碼,只需要簡單了解網站的渲染原理。隨便搜索幾個已經變為黑白頁面的網站,使用F12查詢網站的源碼。在<heda>...<head>中一行一行刪除,直至找到能夠控制網站變成黑白頁面的關鍵變量。網站有兩種渲染形式:前端渲染和后端渲染,我們只需要去copy后端渲染模式下網站的代碼即可(因為前端渲染是使用接口傳輸的,代碼對我們來說是隱藏的)。

          具體的代碼如下:

          <style>
          html {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
          filter: grayscale(100%);
          filter: gray;
          }
          </style>

          隨后我們只需要找到沒有變為黑白模式的網頁(以抖音為例),將上述的代碼copy至瀏覽器elements的<head>...<head>板塊,即可快速實現將網站變為黑白的效果。我們就可以愉快地在黑白模式下刷視頻了,但前提是不能刷新網頁,畢竟我們無法控制網站的服務器。

          04頁面是什么,有什么作用?

          404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導用戶使用網站其他頁面而不是關閉窗口離開。

          現在大部分開源系統都會為大家考慮到404頁面的跳轉引導,比如:z-blog/wordpress,都是很不錯的開源系統(注意不要用最原始的開源系統,而是采用帶有模板的系統)。菜鳥后院網站本身也是wordpress的開源程序,然后我們用robin模板。(花299元擁有和菜鳥后院一樣的網站,包括域名和1G阿里巴巴云空間)

          頁面應該達到什么樣的效果才能滿足SEO的要求?

          搜索引擎使用 http 狀態碼來識別網頁的狀態。當搜索引擎獲得不正確的鏈接時,網站應該返回一個狀態代碼404,告訴搜索引擎放棄索引該鏈接。如果返回一個200或302狀態代碼,搜索引擎會對鏈接進行索引,導致許多不同的鏈接指向相同的頁面內容。結果,搜索引擎對這個網站的信任度大大降低。很多網站存在這個問題,那就是404頁面返回的是200或302狀態碼而不是404狀態碼。

          正確建立404頁面的方法是:(僅適合Apache服務器)

          • 在.htaccess 文件中加入代碼: ErrorDocument 404 /Error.html
          • 建立一個簡單的html404頁面命名 Error.html
          • 把 Error.html放置在網站根目錄
          • 如果碰到困難,參考本站:錯誤網頁
          • 注意:不要將404錯誤直接,跳轉到網站首頁,這將導致首頁不被收錄,正確的做法是在404頁面加上一個返回首頁的鏈接,讓用戶判斷,并選擇是否返回首頁,或者返回其他頁面,這也是用戶體驗的一種表現,搜索引擎對于這種做法比較友好。
          • /Error.html 前面不要帶主域名,否則返回的狀態碼是302或200狀態碼。

          現在我們購買的虛擬主機一般提供有404頁面的制作方法,流程:

          1、做一個簡單的404頁面,命名如:404.html;

          2、通過ftp把這個404頁面上傳到網站根目錄;

          3、進入虛擬主機管理后臺,找到404頁面提交的入口,添加以上404頁面的地址,如:www.cnbackyard.com/404.html(一般空間服務商都有帶著種功能,也可以直接找他們技術客服完成這步操作)

          4、輸入一個錯誤的鏈接進行訪問測試,隨便輸入,比如:www.cnbackyard.com/123.html,如果正確返回到404.html頁面,則算正確;

          5、使用站長工具(http://tool.chinaz.com/pagestatus),輸入任意一個錯誤網址,檢查返回值是否為404。如果返回值是200,代表該主機商設置有誤,可以與其技術反饋。

          以上操作方法對于一個seo初學者來說,還是有點復雜,同學們可以關注燃燈教育直播課程,參加我們的培訓,理解起來會更透徹一點。


          主站蜘蛛池模板: 国产免费一区二区三区VR| 四虎一区二区成人免费影院网址| 亚洲综合在线一区二区三区| 人妻无码一区二区三区四区| 国产内射999视频一区| 国产精品综合一区二区三区| 麻豆AV一区二区三区久久| 中文字幕精品一区| 乱人伦一区二区三区| 国产精品日韩一区二区三区| 中文字幕乱码一区久久麻豆樱花 | 亚洲一区二区三区四区在线观看| 亚洲一区二区高清| 老湿机一区午夜精品免费福利| 亚洲AV无码片一区二区三区| 91福利国产在线观一区二区| 美女啪啪一区二区三区| 日本一区二区三区高清| 日本大香伊一区二区三区| 久久精品国产第一区二区| 视频一区视频二区制服丝袜| 国产在线一区二区三区在线| 国产一区二区在线|播放| 精品一区二区三人妻视频| 午夜视频在线观看一区二区| 日韩在线视频一区| 亚洲国产成人久久一区WWW| 亚洲一区二区高清| 日韩精品一区二区三区四区| 无码人妻精品一区二区三区久久 | 果冻传媒一区二区天美传媒| 国产成人精品久久一区二区三区av| 国产suv精品一区二区6| 亚洲免费一区二区| 黄桃AV无码免费一区二区三区| 中文字幕亚洲一区二区va在线| 国产色情一区二区三区在线播放| 日本欧洲视频一区| 欧美日本精品一区二区三区 | 精品视频无码一区二区三区| 91在线视频一区|