自動外鏈工具 在線排版工具 搜索引擎提交入口 wordpress主題推薦 批量打開網址工具 【老域名購買】 思享SEO導航 【網站合作】

HMJ-Blog主題優化:加強SEO的幾個小細節

文章目錄
  1. H1標簽修改
  2. 添加applicable-device標注
  3. 圖片添加alt屬性

SEO雖然不是一門非常復雜的學問,但是涉及的方方面面非常多。所以要做好SEO就必須從細節出發,這里思享找到了三個博客SEO優化空間,分別是H1標簽、移動標示、圖片alt屬性。修改比較簡單,一起行動起來吧!

H1標簽修改

在對最初使用的博客主題修改的時候,思享就在《那些經常被忽略的優化細節》一文中寫過一些對于H標簽的理解,如今看來有一些一廂情愿的意思。在網上找了很多,很多人對H標簽的用法都有差異,但是有一點是公認的,那就是一個頁面H1標簽只能有一個。而HMJ-Blog主題H1給了列表文章標題,出現多個H1標簽。這里,思享把這些H1標簽都修改成了H2。方法就是

template-all.php這個個文件中的H1查找替換為H2即可。

除此之外,文章h1標簽給了標題,H2標簽是空缺的,所以可以在functions.php文件中,將設置目錄函數中的h3替換為h2。以后發文章用h2來生成目錄

添加applicable-device標注

HMJ-Blog主題是自適應設計,這也是思享換用這一主題的原因。而自適應并意味著什么都不用管了,我們還要照顧到對百度友好的設計,即告訴百度“我是自適應頁面”方便百度進行識別校驗。方法也很簡單,只要在header.php文件中找到如下代碼:

  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

在上述代碼下面再添加一個applicable-device標簽就行:

  1. <meta name="applicable-device" content="pc,mobile">

表示頁面同時適合在移動設備和PC上進行瀏覽。

圖片添加alt屬性

ALT屬性其實就是對圖片的解釋,幫助搜索引擎理解該圖片的內容。對于SEO來說,如果沒有這個值絕對是會扣分的。而HMJ-Blog文章中的圖片以及特色圖片,都可以通過替換文本添加alt值。只有logo和評論頭像沒有alt值。下面我們就一起來討論一下如何添加alt屬性。

alt屬性

logo添加alt值

logo添加比較簡單,知道代碼在header.php文件中

  1. <img src="< php bloginfo('template_directory'); >/images/logo.png">

在其中添加alt值就好了,如我的為

  1. <img alt="< php bloginfo( 'name' ); >" src="< php bloginfo('template_directory'); >/images/logo.png">

評論頭像添加alt值

這個其實也比較簡單,functions.php找到獲取加載國內頭像的代碼

  1. function get_ssl_avatar($avatar) {
  2. $avatar = preg_replace('/.*\/avatar\/(.*)\ s=([\d]+)&.*/','<img src="http://cn.gravatar.com/avatar/$1 s=50" class="avatar avatar-50" height="50" width="50">',$avatar);
  3. return $avatar;
  4. }
  5. add_filter('get_avatar', 'get_ssl_avatar');

也和上面一樣,在圖片地址中添加一個alt="avatar"。這種方式非常簡單,缺點就是所有用戶的頭像,alt值都是avatar。思享也不知道這好不好,現在用得是另外一種方法。

修改頭像獲取函數,將上述加載國內頭像的代碼替換為

  1. $host = 'http://0.gravatar.com'; // 可以替換為多說服務器:http://gravatar.duoshuo.com
  2. $email = get_comment_author_email(); //獲取評論者的郵箱
  3. $email_hash = md5( strtolower( trim( $email ) ) ); //md5加密郵箱地址
  4. $out= "$host/avatar/"; //輸出頭像地址
  5. $out .= $email_hash;
  6. $out .= ' s=36'; //頭像大小
  7. $input_alt = get_comment_author($id); // 填入alt的內容,這里是評論者的昵稱

之后functions.php中所有的代碼

  1. get_avatar($comment, 40)

替換為

  1. get_avatar($comment, 40,'', get_comment_author())

這種方式可以實現添加alt值為用戶名的功能,但是會出現一個新問題,就是頭像被墻而無法顯示,所以,還應該添加如下代碼

  1. //評論頭像使用多說的圖像緩存
  2. function get_avatar_uctheme( $avatar ) {
  3. $avatar = preg_replace( "/http:\/\/(www|\d).gravatar.com/","http://gravatar.duoshuo.com",$avatar );
  4. return $avatar;
  5. }
  6. add_filter( 'get_avatar', 'get_avatar_uctheme' );

如果不能用,也可以換成調用七牛圖像緩存

  1. function replace_avatar_url($avatar) {
  2. $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),"cn.gravatar.com",$avatar);
  3. return $avatar;
  4. }
  5. add_filter( 'get_avatar', 'replace_avatar_url', 10, 3 );

方法是不是很笨啊,沒辦法,誰叫思享小白呢~

來源:本文由思享SEO博客原創撰寫,歡迎分享本文,轉載請保留出處和鏈接!
seo培訓評論廣告

1條評論

  • avatar
    哈啊哈  回復

    ?? 博主加油!!! 在你這翻了好久,以后常來

昵稱*

郵箱*

網址

七乐彩选号技巧