不懂 SEO 真的沒關係,帶路姬教你懶人 SEO 法,首先,有個最重要的觀念是,Google 是提供搜尋服務的公司,他的目標是,幫助訪客用最快的速度找到他們想要的資料… 現在,你再來換個角度想,你是網站的站長,你多希望自己的網站能排的前面一點,讓網站的訪客因此多一點,增加你的網站的曝光度,進而增加知名度、銷售量等等。但是…
新手上路
-
-
新手朋友們常問帶路姬,我照著五天自學衝刺班做好網站了,可是為什麼網址旁邊有個驚嘆號?寫著「你的網站的連線不安全」… 不知道你有沒有注意到,你的網址現在是 http:// 開頭的,我們需要安裝 「SSL 安全憑證」就可以把它改成 https:// 開頭,這樣就可以被改成「安全連線」的狀態了。 SSL 安全憑證用免費的還是付費的呢? SSL 安全憑證依據驗證等級分為 DV、OV、EV 三種等級,不同的安全憑證,會有不同的驗證方式,越高等級、高安全性的憑證,驗證的方式越嚴格,更加強公司的可信賴度。也就是說,貴公司如果好不容易獲得最高等級的憑證,訪客來到貴公司網站時,會覺得很放心,Google 搜尋引擎也會認為貴公司的網站很有公信力。 SSL 憑證的三種等級: 網域驗證 DV SSL:是最基本的安全憑證,只需確認你是該網址的擁有者,申請後很快就可以簽發,只擁有最基本的加密傳輸,無驗證保證,Let’s Encrypt 和 CloudFlare 的憑證就是屬於這種類型。 組織驗證 OV SSL:除了驗證網址的擁有單位 (公司行號、財團法人等等),也會人工驗證營利事業登記證等等來證明這個公司真正存在,來證明網域憑證的信任保障。 延伸驗證 EV SSL:網址列旁邊會有綠色鎖頭及顯示經過驗證的組織單位,因此,不但會驗證公司證明文件也會實際查證公司的各項營業資料,有的 EV SSL 證書會賠償因為這個憑證加密失敗所產生的損失,在一定的保額內,每個憑證的保額不一樣喔! 那到底要用哪一種呢?如果不確定的話,建議還是要找專家評估喔! 付費的 SSL 憑證哪裡買?帶路姬通常是跟 ssls.com 買,蠻便宜的。國內的話,也可以考慮跟 Gandi 買喔!他們提供很好的中文服務。 裝一次就可以永久使用嗎?可以自己裝嗎? A2Hosting、Bluehost 和 Cloudways 主機都有提供免費的 Let’s Encrypt 憑證,是屬於比較低階型的 DV SSL 憑證,這種憑證效期只有三個月,三個月後需要手動延展憑證。但是,帶路姬推薦的這三個主機商,剛好都有「自動延展 Auto Renew」的功能,就不用每三個月做一次延展來重啟憑證。不過帶路姬也有遇過,偶爾自動延展失敗,網站會突然壞掉,就得到主機後台再點一下「延展 Renew」的按鈕來重啟憑證。 付費版的安全憑證,通常可以直接購買一年到三年的有效期限,就比較不會遇到自動延展失敗,造成網站斷線的問題。但是,付費版的 SSL 安裝起來比較複雜,對不懂程式的業餘使用者來說會有點難度,建議請專家協助安裝。 SSL 安全憑證重要嗎?一定要安裝嗎? SSL 憑證保護瀏覽器與伺服器之間的安全與隱私。 如果你是公司網站、會員網站、購物網站並搭配綠界、歐付寶、智付通之類的金流,最敏感信用卡資料的安全性保障,會由金流公司 SSL 憑證來會幫你把關。但是,除了刷卡階段需要保護,當貴公司安全性的需求提高、或者網站需要收集的資料更為重要、想要保護客戶隱私資料等等時。建議還是購買付費版的專業 SSL 憑證有更多的保障。 如果你是個人網站或沒有搜集重要資料的形象網站,則可以考慮安裝免費版的 SSL 安全憑證,除非你不希望有延展失敗的機率,也可以請工程師幫你安裝付費版的 SSL。 安裝 SSL 安全憑證後,你的網址變成 https:// 開頭了,Google 會覺得你的網站比沒有安裝安全憑證的還更有公信力,會比較願意把你的網站排名前面一點,所以,安裝安全憑證,對 SEO 是有利的喔! 要怎麼免費讓網站變成 https:// 開頭的呢? 如果你決定使用免費版的 Let’s Encrypt SSL 憑證,讓網址變成 https:// 開頭,有很多方式,對不懂程式的新手來說,帶路姬只教你最簡單的方式喔!可以不用碰程式碼、不用動到資料庫。 主要需要做好下面兩大步驟喔! 1. 請先到你的主機後台,安裝免費的 SSL 安全憑證,下面我會列出三個主機商的操作。 如果你目前用的主機沒有提供免費的SSL憑證,或者不方便安裝,也可以考慮搬到帶路姬所推薦的主機喔! 帶路姬十幾年換過無數主機後,現在只推薦這三家。 Bluehost主機:最省錢的買法與使用攻略(超淺顯易懂、含測試站) A2主機:最省錢的買法與使用攻略(超淺顯易懂、含測試站) Cloudways主機:最省錢的買法與使用攻略 (超淺顯易懂、含測試站) 手把手帶你把網站搬到 A2 Hosting 主機 手把手帶你把網站搬到 Cloudways 主機 如何在 Bluehost 主機上,幫網站安裝免費的 SSL 安全憑證 如何在 A2 Hosting 主機 安裝 SSL 安全憑證?…
-
很多人買了主題模板,匯入了範例資料後,網站看起來很漂亮啊… 可是,一旦加入中文後,就一切都風雲變色… 為什麼呢? 英文的字型,字體很大的時候看起來還蠻有設計感的… 可是一樣的字體大小,變成中文時,就變得非常突兀… 所以,今天帶路姬給大家的小建議:一般來說,佈景主題都會給字體大小的選項 (Typography),建議都要調整一下。 內文的字體,我通常設定在 15~17px。 標題的字體,我通常設定在 18~42px。 不論內文或標題,我通常粗細不會設定超過 600。700以上字會太粗,很不美觀。 字體如果能設定適當的字距和行距,會更利於閱讀。 不過,以上當然只是廣泛的建議值,不是規則喔! 關於字體的重點是,讓訪客在手機上和桌機上,都可以很舒適的閱讀即可,避免太大或太小的字、注意字體和背景要有適當的顏色對比,有良好的使用者介面,對SEO也是有加分的喔! 今天的小技巧,希望對大家的網站有幫助! 一個網站,最重要的是,達到傳遞資訊的目的,即便是完全沒有圖片、非常極簡的網站,只要文字大小排列得當,一樣可以達到很好的效果。
-
不論你是想自己做網站、或者找別人幫你做網站,你才是最懂你自己的生意的人,如果你能花一點時間,做一點功課,釐清自己的想法,幫網站做好計劃,絕對可以加速你自己的網站製作過程,或者幫助你的網站設計公司了解你的產業,給你更好的建議,最後做出來的網站,才有更高的機會能吸引流量、獲得轉換、達到你想要的行銷目的。
-
WordPress 入門 ,帶路姬自己是覺得,我還是建議沒有任何技術背景的新手們,如果你英文不是很好、不知道什麼是 DNS、也不知道什麼叫 PHP, MySQL 資料庫,那就跟著帶路姬的五天自學衝刺班來學吧… 這樣你可以直接進入 WordPress 的世界,先不用管其他周邊的絆腳石…
-
這是新手們一開始製作 WordPress 網站時很常遇到的問題之一。 很多人選定了佈景主題後,安裝過程中,發現有子主題 (child-theme) 這種東西,開始覺得手足無措,不知道到底該不該安裝?該不該啟用? 子主題的目的 過去,還沒有子主題時,工程師在客製化網站時,可能會直接修改佈景主題的「檔案」,但是,WordPress 核心程式一直在更新進化,佈景主題也會跟著需要更新,佈景主題一更新,就把我們工程師辛苦「客製化的檔案」又覆蓋過去了。 為了避免這種情況的發生,子主題於是誕生了,子主題的設定本身繼承了父主題所有的功能,但是子主題可以讓工程師把「客製化的檔案」分開存放,就不會被父主題的更新的檔案直接覆蓋掉。 還是很抽象嗎?換個方式說… 如果這樣解說,還是有點難理解的話,帶路姬畫了一張圖 (請看下圖),用比較生活化的方式來解釋,不論你是使用 Apple 手機或 Android 手機,剛拿到時都是原廠設定,有原廠的桌布等等,後來手機都會請你綁定一個 iTunes 或 Google 帳號,有些客製化的資料就存在這個帳號中,這樣不論 iOS 或 Android 的版本再怎麼更新,都不會害你的手機變回原廠設定。所以,子主題的存在就和 iTunes 或 Google 帳號的情況類似,目的是要把「客製化的資料另外存放管理」。 如果有子主題時,要啟用父主題還是子主題呢? 當你要上傳主題的時候,假如有同時看到兩個 ZIP 壓縮檔案,例如: Avada.zip 和 Avada-Child-Theme.zip,請兩個檔案都上傳安裝,並且啟用子主題就可以了。 假如我選的主題,沒有提供子主題怎麼辦? 子主題並不是必要的,有些比較便宜或比較舊的主題,可能沒有提供子主題,這不代表你就不能客製化,你還是能透過主題商在後台提供的「主題設定」來做客製化,你的設定值還是會被儲存在資料庫中。只是對「工程師」來說,如果想要做更進一步的客製化 (主題設定以外的) 並且修改檔案,可能就會比較不方便了。因此,對一般新手來說,其實不用太擔心有沒有子主題這件事 (因為新手不需要開發主題、更動到檔案)。 可以自己建立子主題嗎? 是有外掛可以幫忙快速建立子主題的,不過,據我知道,並不是每個佈景主題都適合用外掛直接產生子主題,如我前面所說,其實工程師才比較需要用到子主題,帶路姬建議新手,除非你有想要學習開發寫程式,否則不需要執著於建立一個子主題。 換個角度說,一開始選擇主題時,如果能選擇本身就有子主題的,可以保有主題本身的彈性,未來如果要請工程師幫忙開發時,可以方便快速很多。 這篇文章,帶路姬一直想寫,想了很久了… 因為希望能不要講得太難,又希望新手能略有了解,比喻也不許不是最正確,不過希望意思有傳達到,歡迎與我分享你們的想法喔!(如果工程師們覺得帶路姬寫得不夠正確,也歡迎指正) 如果你對 WordPress 的很多觀念,都還是一知半解的話… 帶路姬建議你來參考看看「五天自學衝刺班」的影音教學喔,如果能從頭到尾跟著做當然是比較不會卡關,但是如果你已經有主機或主題了,也沒關係喔,只要認真看過這些影音教學,觀念會清楚很多喔!快找一個你有興趣的網站類型來看看吧! 如果有其他疑問,也歡迎你到 「WordPress 不懂程式的新手站長 — 網站帶路姬學園」Facebook 社團,來跟大家交流喔!
-
帶路姬在「五天自學衝刺班」的系列教學裡,我推薦新手們購買「A2 Hosting」的虛擬共享主機,搭配「Avada」的佈景主題,之後,有許多新手在社團中或私訊,陸續問了帶路姬許多相關的問題,社團裡的帶路老師們都很熱心的幫忙回答,我想就統一把 Avada 的相關問題統整到這裡,如果大家想知道答案的話,只要加入帶路姬學園的 Facebook 社團就可以看到了喔! 選主題,好看比較重要還是好用比較重要? https://m.facebook.com/groups/2188631598047942?view=permalink&id=2217575481820220 以上是針對是否要選擇 Avada 主題的一些說明,希望對大家有幫助囉,下面我列一些常見問題,答案全部都在帶路姬學園的臉書社團的「單元」資料裡喔! [Avada] 如何製作數字動畫的特效?(Counter) [Avada] 如何修改 Sticky Header 固定選單的樣 式呢? [Avada] 作品集列表的呈現方式怎麼改? [Avada] Blog頁面的設定與封面照的特效 [Avada] 要用Portfolio還是 WooCommerce 來做產品列表呢? [Avada] 圓圈圈的內容怎麼做 ? [Avada] Fusion Builder裡的內容不小心刪掉了怎麼辦? [Avada] Footer 頁尾欄位裡的空白太多怎麼辦? [Avada] 如何做圖片塞滿欄位的效果? [Avada] 頁面裡的Slider不見了怎麼辦? [Avada] 如何快速匯入範例頁面 小工具是什麼? 網站側邊欄裡的東西從哪裡改? 看不懂主題怎麼用怎麼辦? 主選單如何增加 「不要連結」 的項目? 看了Avada 的教學後 , 可以買其他主題嗎 ? 加碼分享,同學們常問我,「一定要選 A2 Hosting主機嗎?」「不能用國內的嗎?」「可以用 Bluehost嗎?」 其實帶路姬自己親身經歷下,所以最後我只挑了三個主機商推薦給大家,就是因為這三家真的非常穩定,也不會出怪問題,後台速度也很快… 而且,我常常在來諮詢的同學的網站後台,發現他們的後台真的好慢啊… 我都很懷疑這麼慢要怎麼做事啊… 他們才說,當初已經買了 XX 主機,已經買了X年,真可惜沒有早一點認識我… A2 Hosting 主機的好處: 前台後台速度都很快 客服非常快 提供免費搬家服務 30天內零風險試用、可全額退費,30天後可依照使用比例退費(等於不需要綁約) 匯入主題的範例內容時,不會因為PHP設定不符合而匯入中斷 (其他家常常發生) 遇到DDoS攻擊時,主機商因為規模夠大,可以處理的方式較多,讓網站不會斷線 (我就常聽到香港和台灣主機,一遇到DDoS就束手無策) 網站後台不會使用到一半就出現 5xx 伺服器錯誤訊息 不會因為主機設定的問題,造成中文內容和照片顯示不出來 不會在 CPanel 控制台胡亂強制備份,無意義的佔用主機空間 以上大概是為什麼我一直規勸 (不是推薦) 新手選擇 A2 Hosting 的原因,一開始學習 WordPress 已經有點辛苦了,千萬別讓爛主機再來攪局,無端浪費大家寶貴的時間… 另外,因為 Avada 主題的功能真的很多,建議是搭配效能比較好一點的主機,A2 Hosting 或 Cloudways 會是比較好的選擇,可以讓 Avada 網站瀏覽起來更快更順暢。但是,如果你的預算比較低,也是可以考慮買 Bluehost ,他和 SiteGround 有一樣的優點,但是他的速度真的慢一些,可能就盡量不要放太多的內容,或者圖片一定要壓縮過後再上傳喔。 參考閱讀:A2 Hosting:最省錢的主機買法與使用攻略(超易懂、含測試站) 好的主機就像衛生棉一樣,只有剛開始做網站時你會意識到他的存在,之後,你就專心的做網站,幾乎都忘記主機的存在了,就不用整天鬱悶心情不好了… (哈哈,這個比喻大概女同學比較能感受得到)
-
進階的內容編輯器的最終目標? 讓使用者不用寫程式就可以做出各種排版的頁面 與新增各種互動式的內容。所見即所得,用視覺化的方式直接建立內容, 用拖拉的方式來改變內容位置等等… 如果用預設的內容編輯器 來編輯網頁時的樣子 頁面排版比較單調 如果用進階的內容編輯器 來編輯網頁時的樣子 頁面排版比較有變化 知名的編輯器有哪些? ElementorBeaver BuilderDivi BuilderFusion BuilderWPBakery Page Builder… 進階的內容編輯器怎麼用?有共通點嗎? 畫棋盤 1. 新增列 Row (Container) 2. 新增欄位 Columns 在格中放置內容 3. 插入元素 Element (Module) 四種編輯器的簡短示範 進階的內容編輯器都包含什麼功能? 編輯內容區塊 (建立、複製、刪除) 儲存區塊成樣板 從樣板庫快速加入「範例區塊」 在手機上顯示或隱藏 什麼主題都能裝任何內容編輯器嗎? Elementor/Beaver Builder: 主題要支援全寬的版型 Elementor/Beaver Builder: 主題要可以隱藏頁面標題 Divi Builder 只能用在 Divi 的主題 Fusion Builder 只能用在 Avada 主題 UX Builder 只能用在 Flatsome 主題 知名的編輯器的最大特色? Elementor: 可以「輕鬆完美」掌控邊界空間、可以快速匯入範例「區塊」、可以從「選單模式」快速移動區塊的上下順序、可以搭配 Toolset來建立動態內容的網站。 Beaver Builder: 搭配 Pods 和 Beaver Themer 可以快速創造自訂內容類型的彙整列表頁面。 Divi Builder: 可以快速切換「視覺模式」與「區塊模式」的編輯方式 Fusion Builder: 內建的元素很多,不需額外購買,搭配Avada主題,整體功能彈性大。 WPBakery Page Builder: 內建的元素很多,不需額外購買元素,可搭配大部分的主題。 內容編輯器的未來? WordPress 5.0 起預設搭載 Gutenberg 內容編輯器,其視覺化的編輯方式,是否將完全取代其他現有的內容編輯器? 現有的內容編輯器將做什麼樣的改變?才能與Gutenberg 完美共存? 請和帶路姬一起關注內容編輯器的未來… 內容編輯器哪裡買? Elementor 官方網站 Beaver Builder 官方網站 Divi Builder 官方網站 Fusion Builder /Avada 主題官方網站 WPBakery Page Builder 官方網站
-
帶路姬在社團中,時常聽很多同學說,英文不夠好,不想用國外的主機等等… 其實,基本的WordPress的操作真的非常簡單,否則也不會全球有1/3的網站都是用WordPress做的了,可是,畢竟因為佈景主題和外掛大部分的作者都是外國人,也不是所有的主題和外掛都已經本地化,所以,偶爾要面對英文是在所難免的事… 不過,身為台灣人,英文不夠好怎麼辦?不習慣看英文的教學文章或後台介面怎麼辦? 帶路姬今天來教大家,透過Chrome瀏覽器的擴充功能,就可以馬上把網頁中的英文瞬間全部翻譯成中文喔! 使用方式非常簡單: 安裝Chrome 瀏覽器 安裝「Google翻譯」的擴充功能 安裝好後,記得在Google翻譯的擴充功能選項的地方改一下設定 (請看影片) 就可以開始使用了喔! 是不是很棒呢?記得幫我按讚分享喔!謝謝你們!❤️
-
WordPress 真的有比其他架站與部落格平台好嗎? 不懂程式的新手只要先用三分鐘看完認識 WordPress的懶人包、用五分鐘了解 WordPress的架站流程、再進入帶路姬的 WordPress 新手說明會,就能輕鬆做好第一個 WordPress 網站喔!