顯示具有 SEO 標籤的文章。 顯示所有文章
顯示具有 SEO 標籤的文章。 顯示所有文章

2026年3月19日 星期四

紀錄 EN浮船 SEO 的過程

 


20260319,標題與內文,但上面還有網址與網址名稱

在<head>裡面新增完後,去 GCS 在上方網址列輸入你的首頁網址,點擊 「要求建立索引」,加速 Google 重新爬取並讀取你新設定的名稱。

<script type="application/ld+json"> {
"@context" : "https://schema.org",
"@type" : "WebSite",
"name" : "你的品牌名稱",
"url" : "https://www.yourdomain.com/" }
</script>


20260319,增加 icon,
製作512*512的 icon.png,並在 <head> 裡面新增

<link rel="icon" href="images/icon.png" type="image/png">
<link rel="apple-touch-icon" href="images/icon.png">

20260318,php.ini

要小心,問一下 Gemini 並看說明,會利用上傳 PHP 來執行任何指令。


20260317,GSC 後台一直無法讀取 robots.txt 與 sitemap,問 GMN .htaccess 的內容,有回覆說 ( RewriteRule ^(.*)$ conveys-emerged.php ) 危險@@ 與 PHP 太舊。

  • 去 godaddy 後台升級 PHP (要注意是否有相關的 PHP網頁)
  • 修改 .htaccess,請 Gmini 提供
  • 刪除不認識的 PHP檔,images/ 裡面也有 亂碼的圖片
  • 所有目錄都加上 index.html,也有在 .htaccess 裡面新增 ErrorDocument 403 /404.php,並添加 404.php

  • 以上都是透過 Gemini 幫忙的,讚~~


20260313,處理流程





2026年3月15日 星期日

html的問題 / SEO 的問題


20260315,html 選單的問題,感謝寶拉照分享menu的問題,還有練習menu

20260313,Harries 分享 google search console 操作

20260313,感謝 re:LAB 分享 SEO的第一聖經

20250903,用DW建立html5,竟然會少 viewport,所以縮小時,字也一起縮小。
<meta name="viewport" content="width=device-width, initial-scale=1.0">

SEO的要注意的地方。rankking 分享 SEO基礎觀念oxxo老師也有說明耶~
<html lang="zh-TW">,感謝小艾說明可以在台灣地區更容易被搜尋。
<title>搜尋引擎顯示的標題</title>,感謝Ranging小編分享
<meta name="description" content="搜尋引擎標題下方的說明文字">
<meta charset="utf-8"/>,字元編碼,才不會有亂碼。
Canonical Tag,因為網站可能有多個重複的網頁(例如手機版、廣告版等...)
<meta name=”viewport” content=”width=device-width, initial-scale=1”>,行動裝置的體驗更好。
<meta name=”robots” content=”noindex,nofollow”>,"可設定 Robots.txt 或 noindex 語法告知爬蟲,該頁面不希望被檢索/索引"
 

HTML自動更新,感謝正威行銷分享,兩個方法。

JS,function myrefresh()   {   window.location.reload();   }   
        setTimeout('myrefresh()',3000); //指定3秒更新一次

HTML,<meta http-equiv="refresh" content="20">   

HTML/JS/PHP重新導頁,感謝數位行銷讚分享,目前用JS重新導向新網頁。

display示範感謝YTC分享。感謝PJCHE分享如何置中

轉址301與302,感謝Welly分享,寫得很詳細,301是永久轉址,302是網頁跳頁。

連結不要顯示底線,網路上都寫text-decoration: none;,但我的就還是有,最後依靠DW的提示才成功,text-decoration-line: none;

介紹前端Flex跟Grid(感謝nicola分享),也感謝ㄙㄩ分享flex grid用來排版,不是用position,之後也有flex詳細說明,還有青蛙小遊戲來練習flex

html的<!doctype html>前面,不能有任何程式碼,感謝飛肯老師解釋,會影響CSS。會導致某中心電子豹2023年的table竟然不聽話(有可能不能成為html5)。但真的奇怪,我並沒有在table下CSS,雖然有撐高25,但明顯的是有使用到某個 class (例如 .redWord)。這樣刪掉的話,就可以正常使用CSS。

ol清單樣式自己設定,感謝豹告分享。ol li {  list-style-type: "好飽好滿足--" }

點選選單的時候,有預設值給人選。(感謝仲佑的分享HTML有5個好用的功能),另外上傳檔案可以只顯示pdf檔(雖然下面有選項可以選"所有檔案")。

刪除線(兩個),<s></s>、<del></del>

2017年2月3日 星期五

閱讀 "免費架站王 weebly" 此書

這本書是利用各種免費的工具,來達成網站的功能需求,其中有一些還不錯,先記錄下來。

1.氣象天氣:現在都沒有iframe可以放在網站裡方便網友看(我找不到),但各國氣象台還是有提供RSS,這就可以處理了!

2.SEO策略
加入下面兩個,雖然上次google說好像已經不用這個了~ ~
<meta name="description" content="說明">
<meta name="keywords" content="關鍵字">
檢視搜尋引擎索引狀態→ info:網站網址、site:網站網址
看看連結或相似的網頁→link:網站網址、related:網站網址

3.申請google網站管理工具   https://www.google.com/webmaster/
先在 search console加入網站→接著驗證。

4.google analytics   https://www.google.com/analytics/
登入→註冊→輸入一些資料後→複製追蹤碼貼在 頁尾上即可。

5.Facebook,管理權限不在我,所以...

6.google簡報(不支援內有影片的PPT)
將PPT放在雲端硬碟中,開啟工具選擇google簡報。接著在選單上的檔案→發佈到網路→內嵌,就可以將程式碼複製放在網站上囉!!

7.還有dropbox、Flickr、Instagram應用,但都還沒有用到...

8.CSE用法  https://cse.google.com.tw/cse/all
輸入一些網站的資料,就可以取得程式碼。主要是要放在哪裡,我是放在最上面(先一個放大鏡),點選後,下方出現google搜尋。這邊是放在選單UL外面,用的是collapse。

但因為CSS關係,要稍微調整一下,最後是將自己的CSS放在最下面,就可以覆蓋過google的CSS喔!!外觀與風格也選一下,就可以出現google藍囉~~

9.訪客計數器
這個功能我一直覺得沒有必要,反而覺得分析讀者來看的目的是甚麼比較重要...

10.youtube音樂庫    https://www.youtube.com/audiolibrary/music
提供了免費的各種音樂喔!!!工具聲、動物聲、武器音效等...

11.jQuery各種特效    http://www.dynamicdrive.com/dynamicindex17/
這本書介紹的是右下角有個往上的按鈕,可以到頁面最頂。

12.favicon 自訂網站圖示    http://www.favicon.cc/
將圖片上傳後,變成icon(不可以超過5MB)
<link rel="shortcut icon" href="圖示位置" />