站內留言

歡迎您來到《技研可樂》,若您在閱覽文章時,於文章頁面找不到文章的相關應用主題,歡迎在此一起研究討論,謝謝!

留言

  1. 哈囉COKE,不好意思又來網站留言請求你的幫助~

    前陣子的廣告問題解決之後,原本以為可以因此安心使用新的網域跟寫作,

    不過這幾天就不知道為什麼流量的部分降低、甚至影響到blogspot的adsense收益低到誇張(雖然平常也沒多夯XD),

    不知道是不是目前網站的範本中有【被我無意間添加小工具時】加入不好的語法、或是動到語法進而影響目前的窘境。

    最近我有把一段語法給移除,是有關 .tw 變成 .com 的語法,語法如下:

    https://imgur.com/X9Bt5pS

    依據那個外國人的說法,這段語法是駭客所寫,所以要拔掉比較好~

    不知道跟這個是否有關連@@

    在麻煩你幫我看一下網站是否哪裡有問題,可能導致流量跟收益的問題,謝謝~

    回覆刪除
    回覆
    1. 最近我有把一段語法給移除,是有關 .tw 變成 .com 的語法

      / 不是已經用自訂網址「http://www.wanghenry.com/」了嗎,那段代碼移除沒關系。



      在麻煩你幫我看一下網站是否哪裡有問題,可能導致流量跟收益的問題,謝謝~

      / 剛搜尋觀察「site:http://www.wanghenry.com/」已有收錄量。流量要到 Google WebMasters 後台觀察,是否流量都從搜尋引擎而來,還是流量大部份都從 FB 轉來的。因為網站「Wang.Henry (W.H) 娛樂數位」的文章大部份不是為搜尋引擎而寫的(手機教學的部份,則例外),所以這邊推測大部份網站的流量應該是從 FB 而來。

      FB 要到後台觀察一下整體流量是否下滑;剛 Google 搜尋了「Wang.Henry (W.H) 娛樂數位」,發現 FB 網址有兩筆,(網址無效:https://www.facebook.com/Game.3C.LaSai.WangHenry、可進入:https://www.facebook.com/Game.WangHenry/)。如果「網址無效:https://www.facebook.com/Game.3C.LaSai.WangHenry」是你原先的 FB 網址,那有些網友可能是用瀏覽器加書籤的方式來到你的 FB,在 FB 網址更動後可能也有一些影響。

      大體來說,還是要一段時間觀察 Google WebMasters 後台流量來源。

      刪除
    2. 了解,自訂網域之後就就跟那個代碼無關了~~謝謝^^

      -有看了一下analytics後臺的部分,好像是在我替換新網域之後,流量就變成了來自pixnet為主。

      https://i.imgur.com/bsKDZPK.jpg
      https://i.imgur.com/XN05x1d.jpg

      -不過,在換自訂網域之前則是從blogspot.com來的

      https://i.imgur.com/IGIl0J8.jpg

      這是否代表google引擎還沒有替換掉舊blogspot網域、以及FB舊名稱的意思對嗎?
      (也就是替換新網域之後的陣痛期?)
      不過打wanghenry卻還是能看到新網域的資訊、打blogger上新文章的完整標題卻找不到(有提供給模擬器了),卻還是查無相關資料~
      這一點有點難理解,哈~

      =====

      不知道是否有能像google或FB提出舊FB的資訊已經無效並且移除? 或是我再把FB的網址改回去? 哈
      (之前FB有提醒說可以用 @ 來找到粉絲團,改下去就連網址都改了OTZ)
      (PS:目前搜尋 wanghenry fb,可看到更新後的網址了,但也有舊的)

      目前觀察FB後台,瀏覽有下降的趨勢,而且我也是多半都以FB作為宣傳~

      ======

      講道FB的文章宣傳,因為我的部落格文章較少所以通常都會把一篇文章安排個好幾次、不斷的重複分享,
      先不論FB讀者有無看過重複的文章的點閱跟分享,
      如果以GOOGLE搜尋引擎來說,我記得好像是不是不太建議同樣的文章一直重複推廣?

      (以上是回應這則留言的內容,其他問題我寫在新的留言唷^^)

      刪除
    3. -有看了一下analytics後臺的部分,好像是在我替換新網域之後,流量就變成了來自pixnet為主。

      / 要觀察一下,流量是否剛好是 pixnet 上面 javascript 程式轉介到 Blogger 的。如果先前沒觀察的話,就從現在開始記錄,然後分別比對其他部份的流量數據,找到原因。



      -不過,在換自訂網域之前則是從blogspot.com來的

      / 沒錯,這是正常的。



      -這是否代表google引擎還沒有替換掉舊blogspot網域、以及FB舊名稱的意思對嗎?(也就是替換新網域之後的陣痛期?)

      / 要觀察 google webmasters 後台的實際索引情形,只要提交 sitemap.xml 了,就會顯示提交數量與索引數量,兩者數量相同就沒問題了。

      不過打wanghenry卻還是能看到新網域的資訊、打blogger上新文章的完整標題卻找不到(有提供給模擬器了),卻還是查無相關資料~
      這一點有點難理解,哈~

      / 新文章只要提交 sitemap.xml 了,Google 搜尋引擎自動索引快的話一天內一定會有;如果是用「摸擬器」提交,應該會相當快。



      不知道是否有能像google或FB提出舊FB的資訊已經無效並且移除? 或是我再把FB的網址改回去? 哈
      (之前FB有提醒說可以用 @ 來找到粉絲團,改下去就連網址都改了OTZ)
      (PS:目前搜尋 wanghenry fb,可看到更新後的網址了,但也有舊的)

      / 沒試過,可以搜尋相關資訊。沒有的話,可以和兩者反饋看看。



      講道FB的文章宣傳,因為我的部落格文章較少所以通常都會把一篇文章安排個好幾次、不斷的重複分享,
      先不論FB讀者有無看過重複的文章的點閱跟分享,
      如果以GOOGLE搜尋引擎來說,我記得好像是不是不太建議同樣的文章一直重複推廣?

      / FB 的文章,在 google 中也搜尋的到。文章重複在搜尋結果中,排名就會下降。重複分享的話,就先將舊的貼文刪除。也可運用置頂貼文推廣。



      刪除
  2. 補充問題:

    目前搜尋一些關鍵字的時候,都會出現PIXNET的舊網站~
    而目前我有將部分的文章用了JAVA轉址的語法,成功的將PIXNET的文章直接跳到BLOGGER的文章,

    這樣的動作是否是OK的呢? 還是對GOOGLE來說是禁止的一個動作?

    謝謝

    回覆刪除
    回覆
    1. 如果是用轉址的方式,PIXNET 舊站,就不要放 Adsense 廣告。試試看,並嚐試觀察二、三天。

      Adsense 廣告流量、Blogger 流量、Google WebMasters 後台流量來源、FB 後台流量,這幾個要交叉比對流量情形。

      刪除
    2. 補充:
      PIXNET 舊站如果有在 Google WebMasters 放置 sitemap.xml,也要觀察流量是從哪來的。

      部落格在 PIXNET,流量本身就會比較好,轉換到自架網站流失的人流是一定的,不過你已經有 FB 專頁的固定人流的底,流量轉換率應該會好很多。

      刪除
    3. 對了,網站內的「站內連結」不要用短網址的型式。對外連結可以用。

      https://lh3.googleusercontent.com/-fU1sAIoW_h0/V5jOypc4c3I/AAAAAAAAIaQ/fEh6e4Z-cUM1kYCkhxuj6yp9hd90Bi3PgCCo/s640/comments-001.jpg

      刪除
    4. 謝謝COKE大力的指點跟回覆^^

      就目前的狀況來說,Adsense的收益來源都是從Pixnet為大宗(當然是跟自訂網域比較起來算大XD,實際上還是小),
      目前有從ANALYTICS看到這幾天的流量都是由PIXNET連過來(如上面留言附的圖),這樣還有需要把PIXNET的廣告撤下嗎?

      ===

      另外,就wanghenry.com的Sitemap索引的部分,因為之前DNS錯亂了好久所以前後加入了共6個sitemap(圖),
      除了sitemap.xml之外,atom的部分是不是可以把部分重疊的給刪除呢?
      【刪除 1、4、5??】

      https://i.imgur.com/BVAnoD2.jpg

      ===

      在COKE回覆的留言最後面提到了下拉選單連結的部分,我等一下會去修正^^
      而這一張圖讓我想到了一個新的問題,還麻煩COKE大回覆^^

      這陣子因為在找很多SEO資料而看了不少除了COKE的網站之外,有規模、或是網站版面做得不錯的部落格~以及相關SEO文章。
      發現到大家都沒有使用下拉式選單、都是採用單純連結的部分做引導。
      同時記得有文章提到GOOGLE對這種下拉很多層的動作不是很愛??
      這就讓我想到是不是要找個時間在新的測試網頁中嘗試新的網頁造型、然後不要製作這種下拉的選單!!
      (突然找不到該篇文章在哪裡)

      謝謝你的幫助^^

      刪除
    5. 就目前的狀況來說,Adsense的收益來源都是從Pixnet為大宗(當然是跟自訂網域比較起來算大XD,實際上還是小),
      目前有從ANALYTICS看到這幾天的流量都是由PIXNET連過來(如上面留言附的圖),這樣還有需要把PIXNET的廣告撤下嗎?

      / 流量都是由 PIXNET 連過來,應該是 javascript 轉介到 Blogger 的。
      因為已經將每篇文章網址轉向 Blogger,PIXNET 的廣告可能會被判讀為無效。
      另外,也因為以上原因網頁跳轉了,Adsense 可能只當 PIXNET 的網頁為跳轉網頁,這點要小心。可能違反規定。



      另外,就wanghenry.com的Sitemap索引的部分,因為之前DNS錯亂了好久所以前後加入了共6個sitemap(圖),
      除了sitemap.xml之外,atom的部分是不是可以把部分重疊的給刪除呢?

      / 1 到 5 都刪。



      這陣子因為在找很多SEO資料而看了不少除了COKE的網站之外,有規模、或是網站版面做得不錯的部落格~以及相關SEO文章。
      發現到大家都沒有使用下拉式選單、都是採用單純連結的部分做引導。
      同時記得有文章提到GOOGLE對這種下拉很多層的動作不是很愛??
      這就讓我想到是不是要找個時間在新的測試網頁中嘗試新的網頁造型、然後不要製作這種下拉的選單!!
      (突然找不到該篇文章在哪裡)

      / 技研可樂不使用下拉式選單,是因為「自適應網頁」。用手機、平板或新式觸控電腦,下拉式選單會無作用,手指不好按。如果單就一般電腦,使用者造訪電腦版網站來說,無影響。要看版型而定。

      -GOOGLE對這種下拉很多層的動作不是很愛??

      / 結構化資料有設,就無影響。




      刪除
  3. 補充一下目前的想法^^

    記得好像是COKE說過(但忘了是對SEO還是ADSENSE),如果自己有多個網站、且用多個ADSENSE還是多個網站可產生共聚的效果,

    目前我的部落格內容雖然以遊戲心得的文章為大宗。但也有不少Android手機教學、各種手機與電腦的周邊開箱、還有電影心得XD

    所以算是一個綜合體的網站。

    但目前因為購買了網域,就想說把這些文章分開到新開的blogspot平台(新網頁)來經營,剛好也可以順便嘗試做不同的版型。

    這樣的作法是否明確呢?

    感謝~~

    回覆刪除
    回覆
    1. -記得好像是COKE說過(但忘了是對SEO還是ADSENSE),如果自己有多個網站、且用多個ADSENSE還是多個網站可產生共聚的效果

      / 應該沒說過 @@"



      -目前我的部落格內容雖然以遊戲心得的文章為大宗。但也有不少Android手機教學、各種手機與電腦的周邊開箱、還有電影心得XD,所以算是一個綜合體的網站。但目前因為購買了網域,就想說把這些文章分開到新開的blogspot平台(新網頁)來經營,剛好也可以順便嘗試做不同的版型。這樣的作法是否明確呢?

      / 要視文章的固定產量而定,如果每個「blogspot 分站」文章量都不錯,可以這樣操作;若每個分站固定文章產值過少,一些長期追蹤網誌的人可能會跑掉。文章集中在一個網站的好處就是,網頁單一頁面廣告的瀏覽量集中,成效較好。

      刪除
  4. 謝謝COKE回來後繼續幫我解答,好像有記得聽過不同網站的話申請新的廣告放上去,這樣比較好(?) ,不知道這段話是不是也是我混淆了XD

    目前看到流量來源都是3C遊戲相關文章,所以才有這樣的想法做,3C相關教學、跟遊戲文章的族群不太相同讀者也較少,脫離主戰我是覺得還OK,哈。

    而在前一則留言中,COKE有提到結構化用好"下拉選單"就沒有太大影響,結構化的部分有可能是小工具本身的語法問題嗎?(但範本內不會顯示錯誤)
    還是各種小工具(從不同教學網站取得)放在一起、或是在調整版型的過程中調整的疏失所造成的呢?
    因為日前看到結構化有不少錯誤,這對我來說要單一修正應該是很艱難的事情了,倒是重新做版型可能還比較快@@

    同時,下拉選單在PC上很好用,但手機上此功能算是半殘的現象,所以萌生了像你們用標籤的方式來區分、版面也能比較清爽。

    回覆刪除
    回覆
    1. -好像有記得聽過不同網站的話申請新的廣告放上去,這樣比較好(?)
      / 這要看自己的需求而定,都可以。不同面相有不同的使用與選擇方式。



      -而在前一則留言中,COKE有提到結構化用好"下拉選單"就沒有太大影響
      / 設置「結構化標記」可以方便搜尋引擎機器人撈取結構化資料,所以不設置並不會有太大的影響;設置了,網站在更動資料時,搜尋引擎建立資料就方便。
      另一點,是 SEO 方面。若自己的網站與其他網站在「結構化標記」之外的 SEO 都佈屬的很好;但其他網站在「結構化標記」的部份做得很好,這也可能會在搜尋結果中造成文章排名上的影響。

      -結構化的部分有可能是小工具本身的語法問題嗎?
      / 要到「範本」中修改小工具的 HTML 資料,Blogger 小工具預設應該是沒有放置「結構化標記」,可能是因為每個人建立部落格,網站屬性都不同。
      「結構化標記」沒設置,並不會有太大的影響,不過,Blogger 平台在 SEO 與 WP 比較就是差了一截,所以自己在想法上是能增加優化 SEO,就增加。Blogger 放置與除錯「結構化標記」很花時間,而且「結構化標記」每隔一段時間會改版,要設置不容易,需花心思研究。



      -(但範本內不會顯示錯誤)還是各種小工具(從不同教學網站取得)放在一起、或是在調整版型的過程中調整的疏失所造成的呢?
      / 一般範本,沒特別規劃過「結構化標記」,較常顯示出錯誤的地方會是 Blogger 預設的「Blog 標記」。所以,正常的。



      -因為日前看到結構化有不少錯誤,這對我來說要單一修正應該是很艱難的事情了,倒是重新做版型可能還比較快@@
      / 要幫模版設置「結構化標記」不是件容易的事。加油!


      刪除
    2. 原來如此~~~以天生的架構來說,BLOGSPOT平台的SEO比WP差@@ ,我以為單純只是語法不太一樣、且要自行租主機的差異而已@@,感謝提供相關的資訊:)

      結構化的部分,應該要向你一樣完全懂語法的才知道該如何糾錯吧,剛剛看了結構化錯誤的資訊感覺不是那麼簡單,雖然看起來錯誤的地方都是一樣的區域@@
      目前網路上blogger的教學多半是工具語版型等,還沒去注意有無結構化教學或是除錯,如果是如此的話,看來應該就只能擱置再一邊了@@
      錯誤提示中多半都是固定的那幾個段落(共9項),不過我在範本中搜尋不到相關字眼~也不知道該從哪裡著手修正@@

      GOOGLE找到你的兩篇文章
      https://www.techcoke.com/2015/02/blogger-article-title-site-name-seo.html
      https://www.techcoke.com/2015/10/blogger-breadcrumbs.html

      第二個就有點複雜了。哈~

      https://i.imgur.com/cij5ogr.jpg
      https://i.imgur.com/A8yUNzV.jpg

      九項算多嗎XD?

      刪除
    3. -原來如此~~~以天生的架構來說,BLOGSPOT平台的SEO比WP差@@ ,我以為單純只是語法不太一樣、且要自行租主機的差異而已@@
      / html 架構內容的部份,是 css、js 等外連檔的處理與壓縮,檔案的到期日。

      單 HTML 則是壓縮率,由於 Blogger「範本」包含 if 判斷式,要壓縮,得代碼一條一條處理。

      一般搜尋機器人在撈網站資料時,「html 檔案」超過 125kb,就會讓搜尋機器人抓取網站資料困難。

      額外的也有圖片網址、網站網址結構等問題。還有不能綁定「裸網域」。




      -結構化的部分,應該要向你一樣完全懂語法的才知道該如何糾錯吧,剛剛看了結構化錯誤的資訊感覺不是那麼簡單,雖然看起來錯誤的地方都是一樣的區域@@
      / 可以找國外的免費版型來學習,看久了,就熟了(找 2016 年的,多找幾個版型)。




      -目前網路上blogger的教學多半是工具語版型等,還沒去注意有無結構化教學或是除錯,如果是如此的話,看來應該就只能擱置再一邊了@@
      錯誤提示中多半都是固定的那幾個段落(共9項),不過我在範本中搜尋不到相關字眼~也不知道該從哪裡著手修正@@
      / 之前,有想過要寫相關的文章,但發現不好寫,所以就先將想法擱置下來了。圖中間「灰色向右箭頭」左方代碼區塊即可直接修正,右邊是直接所見即得的結果。




      -GOOGLE找到你的兩篇文章
      / 『[教學] BLOGGER 製作 BREADCRUMB 文章標籤導航麵包屑』這篇的「標籤導航」已經放置好「結構化標記」了。

      『[教學] BLOGGER 文章標題及網誌名稱 SEO 優化』這一篇,是網站各個頁面的「標題名稱」優化,與「結構化標記」較無關聯。




      -九項算多嗎XD?
      / 正常的,因為你還沒幫網站放置「結構化標記」。

      刪除
  5. 謝謝coke~~

    結構化這東西在webmaster後來也有做些說明,其中我也看到了google說到可以用"螢光筆"的功能來提供標記。
    (google當然也是建議直接在範本內加入結構化標記,只是螢光筆似乎是個可以嘗試的功能)

    目前我已經建立了一個"文章"類型的螢光筆資料,不知道是不再建立且提供googl#之後還是要等一陣子,讓google run過一遍螢光筆之後,
    我才能在webmaster 的結構化上看到成效?

    ===

    另外在GOOGLE關鍵字中找到了你的一篇文章
    https://www.techcoke.com/2013/10/missing-required-field.html

    9個問題 剩下五個啦~~哈哈! 繼續找剩下的解決文章~~

    回覆刪除
    回覆
    1. -結構化這東西在webmaster後來也有做些說明,其中我也看到了google說到可以用"螢光筆"的功能來提供標記。
      (google當然也是建議直接在範本內加入結構化標記,只是螢光筆似乎是個可以嘗試的功能)
      / 可以,「螢光筆」的功能就是教學範例。



      -目前我已經建立了一個"文章"類型的螢光筆資料,不知道是不再建立且提供googl#之後還是要等一陣子,讓google run過一遍螢光筆之後,
      我才能在webmaster 的結構化上看到成效?
      / 下圖是剛擷圖,時間至 16/07/28 的技研可樂「結構化標記」的部份,可以當作參考。
      https://lh3.googleusercontent.com/-195O2xPp7Sc/V5s0mRio4II/AAAAAAAAIao/TJkk44ZMKrQymPq0uxWQFtO3XlT2TH4fgCCo/s912/comments-002.jpg



      -另外在GOOGLE關鍵字中找到了你的一篇文章
      / 這是剛開始有「結構化標記」的時候寫的,現在「結構化標記」的項目變的相當多元。

      刪除
  6. https://imgur.com/BVAnoD2
    上面收到了Adsense警告說有非允許的網站blahblah,不過我看了驗證網站內已經把驗證機制的功能打開,這樣還會有影響嗎?


    另外,今日下午電腦當了還在解救中,不知道有沒有把留言送出。

    留言內容是,目前剩下一個結構化異常 datePublished ,共三個一樣的,但這個目前按照網路上教的似乎都會延伸出其他錯誤otz

    而且結構化標記有些還有先後順序,在嘗試解決的時候才發現,哈哈。

    回覆刪除
    回覆
    1. https://i.imgur.com/BVAnoD2.jpg
      -上面收到了Adsense警告說有非允許的網站blahblah,不過我看了驗證網站內已經把驗證機制的功能打開,這樣還會有影響嗎?
      / 圖片好像跟留言不搭。


      -目前剩下一個結構化異常 datePublished ,共三個一樣的,但這個目前按照網路上教的似乎都會延伸出其他錯誤otz。而且結構化標記有些還有先後順序,在嘗試解決的時候才發現,哈哈。
      / 正常的,所以上方的給你的回覆中,才放上那張圖。要從根部建立,之後才延伸處理細項。



      刪除
  7. https://i.imgur.com/SENtgcB.jpg
    這張圖才正確,哈哈,用app搞錯圖了。

    結構化要從底部開始修正嗎?這樣不就要重新了

    回覆刪除
    回覆
    1. -圖片問題
      / 應該是,有將廣告放到非「wanghenry.com」網域中,所以顯示這個警告。由於在非管理的網域網址中放入廣告,還是會產生收益,所以 Adsense 提醒,可以將放入廣告的網站網域網址,加入到 Adsense 中。(* 要留意,如果是測試用網站,就不要將它加入到 Adsense 中,因為瀏覽者是自己。)


      -結構化要從底部開始修正嗎?這樣不就要重新了
      / 應該說,先設定全網頁每個區塊的 HTML 「結構化標記」大項目,之後再從每個大項目加入小的項目。

      刪除
    2. 對了,可以先到技研可樂首頁「https://www.techcoke.com/」再按下鍵盤『Ctrl + U』,可以觀察到技研可樂底層的「HTML 源代碼」。打開「HTML 源代碼」之後,再按下鍵盤上的『Ctrl + F』搜尋「itemscope」字串,可以找到技研可樂除了「導覽標籤」之外,有設置「結構化標記」的全部設定。可以使用下面圖片然後做比對來設置「結構化標記」。

      https://lh3.googleusercontent.com/-195O2xPp7Sc/V5s0mRio4II/AAAAAAAAIao/TJkk44ZMKrQymPq0uxWQFtO3XlT2TH4fgCCo/s912/comments-002.jpg


      刪除
    3. 下面的的代碼可以放在範本「<head>」的標頭段代碼下方,是「結構化標記」的「json」形式。

      <script type='application/ld+json'>
      {
      "@context": "http://schema.org",
      "@type": "Organization",
      "name": "技研可樂",
      "url": "https://www.techcoke.com/",
      "logo": "網站 logo 圖片位址",
      "sameAs": ["http://www.facebook.com/Techcoke", "http://www.plurk.com/techcoke", "http://www.weibo.com/techcoke", "https://plus.google.com/+Techcoke/about", "https://www.youtube.com/techcoke", "http://www.pinterest.com/techcoke", "https://twitter.com/techcoke"]
      }
      </script>
      <script type='application/ld+json'>
      {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "技研可樂",
      "alternateName": "技研可樂&#65372;雲端生活數位在線",
      "url": "https://www.techcoke.com/"
      }
      </script>


      將有「技研可樂」網址或社群網址的部份改成自己的,然後「網站 logo 圖片位址」改成自己的 logo 圖片位址,這樣應該就沒問題了!先試著做做看吧。

      刪除
  8. 謝謝coke,我等電腦修理好之後才能按照你的方式操作,到時候再來跟你回報狀況。

    話說,結構化的語法,有沒有可能跟其他語法一樣有可能被偷偷加料進去,變成駭客偷偷進入網站或是電腦權限?因為我有找了國外的結構化網站,雖然看得懂英文但看不懂語法,只能照著做。

    (我知道我想的很多XD,這是自從上次在google blogger官方論壇中有外國人告知.tw轉.com語法是駭客寫的之後,才驚覺亂加入語法的風險,畢竟對外國人熟悉的程度沒有對台灣那麼熟)

    回覆刪除
    回覆
    1. -話說,結構化的語法,有沒有可能跟其他語法一樣有可能被偷偷加料進去,變成駭客偷偷進入網站或是電腦權限?
      / 不會,javascript 比較有可能。「結構化標記」itemscope 大都放置在「HTML 標籤(div、ul、a、img)」中。



      -因為我有找了國外的結構化網站,雖然看得懂英文但看不懂語法,只能照著做。
      / 也可以找已經完成「結構化標記」的 Blogger 免費模版來學習,觀摩「結構化標記」放置的位置。

      刪除
  9. 結構化感覺有點負責@@ 今天在電腦壞掉之前做的結構化處理,雖然最後剩下date的問題,但剛剛發現到我不知道動到甚麼地方產生了三個異狀!
    【A】首頁的"每篇"文章預覽徒都會變兩層
    【B】內容文章則是變成一批文章的內容貼兩次OTZ
    【C】後臺版面配置的"網誌文章"在點"編輯"按鈕時會讓下面的"回應3"自動互換位置(暈倒)

    改範本真的是一門學文OTZ 可能表面上處理掉問題、但又會在某些地方發現到異狀TAT

    回覆刪除
    回覆
    1. 不能急,可以先使用備份的模板做練習。看久了,就知道有一定的規則。

      刪除
    2. 謝謝COKE,我會慢慢地嘗試結構化標記^^

      刪除
  10. 備註: 我先把9個錯誤的範本給還原回去,因為那個版本連修改文章的功能都有點怪怪的@@

    回覆刪除
  11. 這則留言,主要是想要請COKE幫忙想想看廣告異常的可能性在哪裡@@

    之前有錯向COKE提到 主站廣告顯是的問題:文章內TOP跟MIDDLE會消失。

    目前有發現到一個絕對性關鍵!

    我發現,在正常顯示的文章內下進行重新編輯的動作後,文章內TOP跟MIDDLW的廣告就會消失。

    單純編輯/存檔不會有事情,但真正有變動道內容狀態下廣告就消失了!(內文文字的描述、顏色、字型大小等等)!

    消失之後感覺是徹底的毀損、無法復原!

    因為我常試過[恢復草稿]、[改標題]、[更改文章網址]、[文章內容-移除格式(重新排版上色、圖片刪除後重新擺上)]這幾個動作都無法將廣告消失的問題找回來@@

    這問題感覺上很詭異,不知道COKE有沒有遇過這種情形、或是有沒有甚麼方面的想法與建議的解決辦法,謝謝~~。



    PS:不知道是不是因為我手動插入"錯誤的廣告代碼格式",所以造成廣告異常的連鎖效應?

    我插入的語法長這樣

    【ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-1234567489XXXX"
    data-ad-slot="123456789"
    data-ad-format="auto">【/ins>
    【script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    【/script】


    PS:也因為這個原因,讓我很想重新製作網站QQ (廣告收益也明顯降低)

    PS:我目前已經手動移除了文章內含有手動加入代碼的廣告,想說會不會讓廣告正常的回來!
    但目前的結果是:NO。不知道是不是有沒有移除乾淨的狀況,也正在努力找。
    但因為上面提到的關鍵【文章編輯】,也讓我想到說是不是有其他語法上的問題、而不是文章html內加入上述代碼的問題。

    回覆刪除
    回覆
    1. 我最近有一些新的構思與想法,想要實現。燒腦力的部份,這點 Henry 得自己來。

      刪除
    2. 這是當然的,我只是想問問COKE有沒有聽過因為在文章的HTML內插入了不良/會衝突的CODE之後,導致整個範本產生難以復原的狀態,譬如:編輯文章後廣告會消失的狀態,或是其他永久性的系統錯亂。

      我當初手動插入的語法是下面這個,是不是在文章的HTML內加入這樣的語法會有衝突的機率呢?

      【ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-1234567489XXXX"
      data-ad-slot="123456789"
      data-ad-format="auto">【/ins>
      【script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      【/script】

      進而導致

      刪除
    3. 語法衝突,有可能。永久性的系統錯亂,不會。

      刪除
    4. 了解,那這樣的語法衝突狀況,應該是範本內語法衝突的問題比較大?
      (備註1:目前確定問題會發生在"編輯內文"這個動作之後,新發表的文章不會)
      (備註2:)

      而不是有"某篇文章內"還殘留上面的廣告CODE帶來全面性的影響比較大呢?

      主要是想問問CODE這個判斷上的想法,因為糾錯的話對我來說比較難,很可能再一次的打掉重做會比較快了,哈。

      刪除
    5. 了解,那這樣的語法衝突狀況,應該是範本內語法衝突的問題比較大?
      (備註1:目前確定問題會發生在"編輯內文"這個動作之後,新發表的文章不會)


      (備註2:)
      而不是有"某篇文章內"還殘留上面的廣告CODE帶來全面性的影響比較大呢?

      以上兩者都有可能,你必需先確認範本主題內的廣告代碼是正確的,且不會與其他 javascript 衝突。確認自己在範本主題中放置的廣告代碼是 ok 無誤的話,那問題就只會在文章內的廣告代碼上。

      (*先確認範本,再除錯文章內的廣告代碼。範本是全網站適用,得先完全除錯。)

      刪除
    6. 我有在想...假設問題出在文章內手動加入的廣告語法的話,這樣子把所有放在文章內的廣告代碼移除應該就能解決問題?對嗎?


      反之,如果是範本內的問題,廣告語法的部分我前幾天有重新的放進去了,基本上是沒有問題的,同時廣告異常的問題是在替換範本內廣告代碼的動作之前。

      我想,原本網站的範本就已經很雜亂了,所以也有可能在前幾天替換代碼的時候衝突之類的,畢竟範本內還是可以看的到一些紅色字體的語法,同時在範本存檔的時候也常常出現【未存檔】的提醒(雖然語法還是有存起來)。

      目前先在找看看有無遺漏在文章內的手動廣告並將他移除,徹底除根之後再找時間重作範本! q_q

      刪除
    7. 我有在想...假設問題出在文章內手動加入的廣告語法的話,這樣子把所有放在文章內的廣告代碼移除應該就能解決問題?對嗎?

      ---

      文章當中有問題的廣告,其中找一篇來移除廣告代碼試驗即可,不用整個網誌的每一篇都移除來試。


      ======================

      我想,原本網站的範本就已經很雜亂了,所以也有可能在前幾天替換代碼的時候衝突之類的,畢竟範本內還是可以看的到一些紅色字體的語法,同時在範本存檔的時候也常常出現【未存檔】的提醒(雖然語法還是有存起來)。

      ---

      以前也曾出現【紅色字體的語法】的情形,整理範本這個動作,可以觀察出問題的點。很多東西在實際操作時,解決辦法才會出現。

      【紅色字體的語法】:大都是 javascript,或是「'」和「"」轉換上的問題。

      javascript 建議使用以下代碼去包:

      <script type='text/javascript'>
      //<![CDATA[



      //]]>
      </script>





      刪除
    8. 報告COKE,我...搞定了廣告的問題囉! 原本消失廣告的文章,廣告也都回來了! YES !!

      剛剛在看某篇文章的廣告TITLE發現到TITLE有異常,就從範本內搜尋TITLE找到了錯誤的廣告代碼、接著再從文章

      https://www.techcoke.com/2013/12/blogger-desktop-and-mobile-template-the-blog-posts-insert-google-adsense.html

      的內文廣告的部分檢查了一下,發現到問題點出在前幾天重新汰換AD CODE的時候擺錯了!!

      所以按照上面文章的方式修正一下,廣告就出現囉!!電腦板根手機板都一樣!! OH YA~~有點感動XD


      ===

      留言內COKE提到不用逐篇把手動插入廣告的文章移除廣告,只要偏就好。

      不過我已經肅清了幾十篇了(應該清光光了) 哈哈!

      這樣如果要在文章內手動加入AD的話,廣告代碼變成這樣包起來就好嗎?

      【script type='text/javascript'>
      //【/ins>

      //]]>
      【/script】

      刪除
    9. script type='text/javascript'>
      //

      //]]>
      /script>

      刪除
    10. 上面語法失敗XD 換圖

      https://i.imgur.com/hiFjGNw.jpg

      刪除
    11. 我是指範本【紅色字體的語法】的解決辦法。範本中其他的 javascript 代碼,例如 FB、G+、Twitter 等相關分享語法。

      ins 那段不能這樣包。包 ins 的那個,可以用來包裸 javascript 或是 jquery。

      刪除
    12. 了解了,我再去看看範本內的紅字並嘗試著來修正看看~^^

      那麼如果要在文章內加入會推薦這篇的方法嗎

      【[教學] BLOGGER 文章中任意位置加入GOOGLE ADSENSE 廣告】
      https://www.techcoke.com/2015/09/blogger-post-body-middle-adsense.html

      我有看到要替換原始的【BODY】code,但是目前的範本已經採用了下面的教學方式

      【BLOGGER 電腦版行動版文章中安裝 ADSENSE 回應式廣告】
      https://www.techcoke.com/2013/12/blogger-desktop-and-mobile-template-the-blog-posts-insert-google-adsense.html

      已經改過了一次【BODY】CODE,這樣還能夠重疊在範本內嗎?

      ===

      或是可以加入

      【BLOGGER 繼續閱讀隱藏廣告和物件】裡面的的區段跟我目前插入廣告的CODE交換一下就可達到效果?
      https://www.techcoke.com/2014/05/read-more-hide-adsense-ads-in-blogger.html

      謝謝^^

      刪除
    13. 【BLOGGER 電腦版行動版文章中安裝 ADSENSE 回應式廣告】當中有混合【BLOGGER 繼續閱讀隱藏廣告和物件】。


      如果,使用【[教學] BLOGGER 文章中任意位置加入GOOGLE ADSENSE 廣告】搭配【BLOGGER 電腦版行動版文章中安裝 ADSENSE 回應式廣告】,所有【BLOGGER 繼續閱讀隱藏廣告和物件】當中的代碼必須自行替換。


      建議,使用『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』搭配『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』,我也是這樣搭配。一樣的必須自行重組。

      刪除
    14. 好的,我再去調整看看!現在的版型、功能、廣告位置都已經備份好了,這部分"應該"能夠自行搞定,哈哈。 感謝COKE回應:)

      刪除
  12. 這則留言則是另一個問題想聽聽COKE的想法看法。

    我的主網站是使用【企業模板】,其他試作的網站是用【基本模板】!

    原本想說【基本模板】來加入COKE教學的功能時比較不會遇到問題,但是後來發現【基本模板】跟【企業模板】好像在一些後台設定上有差距。

    像是:主題(範本)-自訂進階 那個可以調整的部位中,企業可調整個細項比較多【註1】,甚至在顏色搭配上【企業版】的顏色比較正確,【基本版】的顏色有出入[註2]

    [註1] 小工具標題顏色可自訂、基本模板不能自訂
    [註2] 像是網站背景選全黑,但顯示出來的卻是深灰!

    但是好多BLOGGER教學網站都是以基本版為主,專業版是不是比較難做重新設計、變動,所以大家才會以基本版型為主?

    謝謝:)

    回覆刪除
    回覆
    1. 原本想說【基本模板】來加入COKE教學的功能時比較不會遇到問題,但是後來發現【基本模板】跟【企業模板】好像在一些後台設定上有差距。

      像是:主題(範本)-自訂進階 那個可以調整的部位中,企業可調整個細項比較多【註1】,甚至在顏色搭配上【企業版】的顏色比較正確,【基本版】的顏色有出入[註2]

      [註1] 小工具標題顏色可自訂、基本模板不能自訂
      [註2] 像是網站背景選全黑,但顯示出來的卻是深灰!

      ---

      這點直接改範本主題的 CSS 就能解決。我也是在寫 h1 h2 h3 那篇時,才發現「簡單版」的版型,在「主題設計工具」的部份,「簡單版」主題的原作者並沒有將範本寫完全。




      ====================================

      但是好多BLOGGER教學網站都是以基本版為主,專業版是不是比較難做重新設計、變動,所以大家才會以基本版型為主?

      ---

      與「企業版、簡單版」範本主題都無關。我是在撰文時,為了方便快速的操作「新建範本」的動作,所以於新建範本時,直覺找到的第一筆版型剛好是「簡單版」,所以選擇「簡單版」做教學。其實原理都差不多,哪種版型在我看來都一樣。


      ---

      我會比較建議,選擇新推出的自適應版型做使用。網頁的裝置瀏覽自適應化,從 2015 年左右 Google 就在推,並列為搜尋排名之一(*行動友好)。不使用自適應版型亦可,不過要開啟 Blogger 後台「主題→行動服務」。但這樣一來也無法完全顧到平板的訪客。

      刪除
    2. 好的,我再多練習幾次累積一下經驗看看!! ^_^

      COKE提到的RWD版型,指的是Contempo / SOHO 這些對吧?

      目前也覺得新的範本還蠻漂亮的,但之前有稍微看了一下語法,好像幾乎變成以CSS為主了?

      這樣不就無法套用COKE網站內的BLOGGER教學了嗎? 同時已經加入的HTML CODE功能也都會失靈? (因為範本的語法大不相同)

      謝謝

      刪除
    3. 「h1 h2 h3 h4」標題、日期、小工具的修改,觀念基本上是雷同的,可以在自己有能力修改時,再做變更。

      刪除
    4. 這部分我目前能力還不足就是了,我昨天留言完畢後有嚐試在測試網頁中玩看看,但無法達到自己想要的功能,哈。

      刪除
    5. 其實 Blogger 範本,得一個區一個區來學習,每個區的 if 組件拆裝超過十次以上應該就有記憶點,久了就會熟。官方 CSS 部份也是一樣,不同的官方範本,不斷的比對,看習慣了,也會是會熟的。

      不過,不知道你會不會傻眼。我想寫 blogger h1 h2 h3 seo 與其他兩篇相關文章的那天,是我第一次摸官方版範本的「主題設計工具」CSS 部份,之前從沒碰過。說真的,我看到就知道怎麼改,五分鐘左右就在腦中構思完成 h1 h2 h3 那篇,與相關的其他兩篇文章。

      刪除
    6. 好唷!謝謝coke的建議~

      不會傻眼啦,你已經習得的功力在遇到差不多的東西後能舉一反三之類的很ok的,畢竟已經有了底子。

      我是沒有底子的,就看著coke跟其他網路上的教學,一步步嘗試架設blogger :)
      所以發生了突然的狀況時就很難向coke一樣直覺的反推問題點在哪裡,也因為如此會問得比較多就是了,還請coke多多包涵~

      刪除
    7. 沒錯,是直覺反推。加油 :)

      刪除
  13. COKE你好,自從上次回報廣告的部分正常之後,今天在開"電腦版"網頁時才發現『電腦版首頁文章上的"繼續閱讀-more-"』連結不見了@@

    看了一下範本內的HTML並搜尋到有關"繼續閱讀",語法是依照你的教學文【Blogger 電腦版行動版文章中安裝 AdSense 回應式廣告】放置的,

    而由於廣告部分都沒問題、比對了一下【電腦版區塊】的CODE也一樣,所以【繼續閱讀】功能消失的原因有可能在CSS區塊上嗎?

    不知道這方面COKE能否幫我看看問題出在哪裡嗎@@ 感謝~~

    https://i.imgur.com/tTrjIxS.jpg


    另外一個問題,就是你前面留言內有提到你的網站是使用『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』&『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』,稍微看了一下教學也有幾個問題想請教,疑問如下:

    『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』,這篇文章內只看到一個廣告代碼,且沒有區分電腦版區塊 & 手機板區塊的分別放置的提醒內容,這樣的話這篇文章的教學是否只是拿來取代另一篇廣告安置教學的【文章內-TOP 與 文章內-MIDDLE】?(一個廣告取代兩個廣告?)

    且,教學文內的代碼是否也需要分別放在電腦版區塊、以及手機板區塊各放一次?

    接著因為上面的取代動作之後,再使用『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』的教學方法在文章內隨意處安插廣告,這樣子文章內就至少會有兩則廣告了,但看起來還是少掉了【文章內 BOTTOM】的這塊廣告配置對嗎? 這塊要如何補足呢?

    同樣是『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』的疑問,這則教學內只有提到一個廣告,那能夠舉一反三的手動插入第二個、第三個的廣告嗎?(教學文的時間點GOOGLE有限制三個廣告、但現在已接解除這規則,所以想問問看是否有舉一反三的可能性,在文章很長的篇幅中多穿插幾個廣告?)

    謝謝:)

    回覆刪除
    回覆
    1. COKE你好,自從上次回報廣告的部分正常之後,今天在開"電腦版"網頁時才發現『電腦版首頁文章上的"繼續閱讀-more-"』連結不見了@@

      看了一下範本內的HTML並搜尋到有關"繼續閱讀",語法是依照你的教學文【Blogger 電腦版行動版文章中安裝 AdSense 回應式廣告】放置的,

      而由於廣告部分都沒問題、比對了一下【電腦版區塊】的CODE也一樣,所以【繼續閱讀】功能消失的原因有可能在CSS區塊上嗎?

      ---

      如果照著文章一步一步做,與 CSS 無關。出問題的部份 Henry 得自行除錯。建議,先將「桌面內文上部份分享按鈕開始、facebook專頁like按鈕開始」這兩個東西刪除,觀察起來較為方便。


      =================



      『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』,這篇文章內只看到一個廣告代碼,且沒有區分電腦版區塊 & 手機板區塊的分別放置的提醒內容,這樣的話這篇文章的教學是否只是拿來取代另一篇廣告安置教學的【文章內-TOP 與 文章內-MIDDLE】?(一個廣告取代兩個廣告?)

      且,教學文內的代碼是否也需要分別放在電腦版區塊、以及手機板區塊各放一次?

      ---

      電腦版及行動版網站先使用『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』裡面的代碼,各別找到「TOP、Bottom」位置之後,在「文章內-TOP、文章內-Bottom」這兩個位置放入代碼。

      接著幫「<data:post.body/>」加入『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』的功能(*放入「文章內-Middle」),這樣每一次寫文章時切換到 HTML 模式加入「<!-- adsense -->」之後,就能自動添入「文章內-Middle」。

      其實『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』這篇搭配『自適應網站安裝 Google AdSense 回應式廣告,三分鐘搞定!』的使用方式,會比『Blogger 電腦版行動版文章中安裝 AdSense 回應式廣告』簡單很多,也很好放置,使用時也很方便,所以我才建議你使用。

      ---------


      接著因為上面的取代動作之後,再使用『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』的教學方法在文章內隨意處安插廣告,這樣子文章內就至少會有兩則廣告了,但看起來還是少掉了【文章內 BOTTOM】的這塊廣告配置對嗎? 這塊要如何補足呢?

      ---

      上段已回答。


      --------


      同樣是『[教學] Blogger 文章中任意位置加入Google AdSense 廣告』的疑問,這則教學內只有提到一個廣告,那能夠舉一反三的手動插入第二個、第三個的廣告嗎?(教學文的時間點GOOGLE有限制三個廣告、但現在已接解除這規則,所以想問問看是否有舉一反三的可能性,在文章很長的篇幅中多穿插幾個廣告?)

      ---

      須另改「<!-- adsense -->」那段的 Code,或是使用 Blogger 內建的 loop 迴圈來改。Henry 可多做嘗試。

      刪除
    2. 謝謝COKE唷! 隱藏閱讀那邊我有先嘗試你說的步驟,但還是出不來QQ

      我有去後台的主題-自訂-進階那邊看了一下並發現到問題點,但COKE能否麻煩你提點一下看看是哪裡的問題呢><"

      https://i.imgur.com/vMt2792.jpg

      圖片有明顯的看到【小工具標題】跟我放置繼續閱讀功能的地方重疊了,不知道是範本語法中哪裡出了問題QQ

      ==

      COKE推薦的廣告放置方法,目前會在測試網站中先行試驗看看狀態。主要是因為主要網站現在語法好雜亂,怕動刀後又出現了其他異常 哈哈。
      (之前COKE當我種里過一次的版型也是用我現在網站的方法,所以我才想說在變動不大的前提下修正之前廣告異常的狀態,果仁成功解決決顯示問題^^)
      (但現在卻出現了 延伸閱讀功能消失的問題~~囧)

      刪除
    3. 我有去後台的主題-自訂-進階那邊看了一下並發現到問題點,但COKE能否麻煩你提點一下看看是哪裡的問題呢><"

      ---

      先將範本資料移到主站的備用網誌,再做除錯的動作,最好連同所有文章也全部匯入主站的備用網誌 (*包含後台的全部設定,也必須一樣。)。先註釋掉廣告以外的 javascript 再開始除錯。如果是「隱藏閱讀」有問題,就把其他的全部 javascript 註釋掉,再做觀察的動作。

      刪除
    4. 跟COKE回報一下狀況!

      由於上面你提到的方法感覺還滿複雜的(?),所以我就先把前一個廣告異常的範本匯入做檢查。

      發現到在廣告異常的範本中,首頁繼續閱讀的按鈕是正常的!!

      這樣應該可以判定問題出在【修正異常廣告】的過程中出了問題對嗎?

      刪除
    5. 報告一下,目前已經解決問題囉:)

      突然想到一個問題,COKE在寫文章的時候所放置的圖,有沒有特別去調整他的大小呢?

      就是文章內插入圖片時可以選擇:原始大小、特大、中的那個選項。

      目前我的原始圖基本上都試作成1200或1280的寬度,但如果選擇原始大小就會超出文章的區域、所以大部分都是選擇特大的設定!

      不知道有沒有不用手動調整、但不論手機板或電腦版的閱讀下,能自動適應寬度的教學呢?

      謝謝~

      刪除
    6. 寫文章擷取圖片時,會以 800 x 600 的尺寸作為擷取,並在撰文時選擇使用「原始大小」。

      通常,自適應文章圖片,可以使用 CSS 或 JavaScript 完成,最簡易的方式就是使用自適應範本主題,自適應範本通常會自動規劃好版型寬度及圖片的自適應狀態。記得 WFU 以前有做過類似的圖片 javascript 應用,可以到 WFU 的討論區跟他請益看看。

      如果你文章圖片使用「特大」時,不會超過整個版型而且行動版網站圖片也正常的話,就不用太糾結在這部份。

      刪除
    7. 好唷! 謝謝COKE回覆^^ 這樣大概有個概要了~ 也會去看看WFU那邊的相關資訊!

      刪除
◎ 留言板中提問「代碼」問題,可至『留言代碼轉換器』轉換代碼。

張貼留言

繼續閱讀:

這個網誌中的熱門文章

[教學] LINE 電腦版行動條碼登入設定

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] 使用 PuTTYgen 產生 SSH 連線 RSA、DSA 公鑰與私鑰

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] Blogger 自訂網址綁定自有域名

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰