')}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf-8, ')}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.App{display:flex;flex-direction:column}.App>.pageContent{flex:1 1;overflow:auto;padding-top:10px}.navbar-nav{flex-direction:row}.navbar-nav>*{padding-left:10px}.container{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}@media only screen and (min-width:768px){.container{display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.container.dir-column{flex-direction:column}}.eu-cookie-notification-dialog{position:fixed;left:20px;bottom:-300px;padding:15px;width:310px;z-index:10000;font-size:12px;border-radius:4px;box-sizing:border-box;color:#555;background-color:#f4f6f8}.eu-cookie-notification-dialog .notification-title{font-size:14px;font-weight:700}.eu-cookie-notification-dialog .notification-content{padding:12px 0;line-height:1.4;display:inline-block}.eu-cookie-notification-dialog .link-text{margin:0 5px;color:#555;text-decoration:underline}.eu-cookie-notification-dialog .link-text:hover{color:#555}.eu-cookie-notification-dialog .notification-footer{display:flex;align-items:center}.eu-cookie-notification-dialog .common-button{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;margin-right:10px;border-radius:4px;text-align:center;letter-spacing:normal;background-color:#4b5056}.eu-cookie-notification-dialog .setting-btn{color:#4b5056;background-color:#fff;border:1px solid #4b5056}.eu-cookie-notification-dialog .cancel-link{cursor:pointer}.eu-cookie-setting-dialog{width:100%;position:fixed;top:50%;left:50%;display:none;padding:20px;z-index:10000;max-width:500px;border-radius:5px;box-sizing:border-box;color:#555;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f4f6f8;-webkit-animation:slide_in_animation .3s ease-in-out;animation:slide_in_animation .3s ease-in-out}.eu-cookie-setting-dialog .setting-title{font-size:14px;font-weight:700}.eu-cookie-setting-dialog .setting-item{display:flex;margin-top:20px;align-items:flex-start}.eu-cookie-setting-dialog .item-content{font-size:12px;margin:0 8px}.eu-cookie-setting-dialog .cookie-checkbox{cursor:pointer}.eu-cookie-setting-dialog .cookie-checkbox.necessary{cursor:not-allowed}.eu-cookie-setting-dialog .item-label{line-height:1;font-weight:700}.eu-cookie-setting-dialog .item-text{margin-top:5px;line-height:1.5}.eu-cookie-setting-dialog .setting-footer{margin-top:20px;text-align:right}.eu-cookie-setting-dialog .save-btn{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:4px;display:inline-block;letter-spacing:normal;background:#4b5056}.eu-cookie-setting-mask{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:10000;cursor:pointer;background:rgba(0,0,0,.4);-webkit-animation:slide_in_animation .2s ease-in-out;animation:slide_in_animation .2s ease-in-out}@-webkit-keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}@keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}.rtl-layout .eu-cookie-notification-dialog{right:20px;left:auto;text-align:right}.rtl-layout .eu-cookie-notification-dialog .common-button{margin-right:0;margin-left:10px}.rtl-layout .eu-cookie-setting-dialog-wrapper{text-align:right}.rtl-layout .eu-cookie-setting-dialog-wrapper .setting-footer{text-align:left}@media only screen and (max-width:520px){.eu-cookie-notification-dialog{width:100%;left:0}.rtl-layout .eu-cookie-notification-dialog{left:auto;right:0}}
網站圖片優化該怎麼做? - 建立你的網站 - Strikingly
你知道嗎?最棒的網站不僅要有最好的高品質內容和美觀的網頁排版設計 ,而且還應包含獨特的高解析度圖片。作為網站所有者,你肯定知道為了搜尋引擎優化 和網站圖片訂製內容是多麽重要。圖片優化在確保你的網站成功方面起著至關重要的作用。雖然許多人往往會忽視這一事實,但我們會在這篇文章裡幫助你了解關於圖片優化的基礎知識,並為你提供有關如何優化圖片的一些提示。
文章剛要:
什麽是圖片優化,它為什麽重要? 網站圖片優化的技巧 你可以上傳到Strikingly的網絡圖片格式 小結 什麽是圖片優化,它為什麽重要?
圖片優化是指為了提高你網站上圖片的SEO所做的事情。它涉及到確保照片采用正確的格式、尺寸,同時確保它們保持應有的最高品質。它還要求正確描述和說明你放在網站上的每張圖片。圖片優化很重要,因為它會影響你的網頁加載速度。如果圖片加載時間過長或位置不正確,你的網站可能會失去訪問者甚至客戶。最重要的是,如果你優化它們,你將浪費那些高品質的圖片。此外,你應該記住,SEO 排名也會受你優化圖片的方式的影響。因此,圖片優化對你的網站至關重要。
網站圖片優化的技巧
1. 多用連字符而不是下劃線
雖然這種方法沒有正確的解釋,但眾所周知,Google 更喜歡你使用連字符而不是下劃線。本技巧主要關注如何給你在網站上上傳的文件和圖片命名。這不是最重要的提示,但它有助於滿足你的圖片優化需求,因為 Google 會抓取你在網站上使用的圖片的文件名。所以不要只用連字符來分隔每個詞,還要確保你的文件名與圖片相關且關鍵字豐富。
2.簡單清晰的描述
圖片取自Strikingly用戶網站
你的網絡圖片對你的網站、業務和品牌標識來說意義重大。在這裡,圖片優化的方式是確保你的圖片有合適的標題。你的描述必須清晰準確。它不必總是奢或過於冗長。大多數情況下,最好只是使用簡單的圖片描述,給你的網站訪問者一個輕微的推動,然後讓圖片不言自明。如果你對網站圖形還不瞭解,點進來查看更多 相關内容
3. SEO 友好的 Alt-tags
Alt-tags ,也即替代標簽或文本,是指在你的網絡圖片無法正確加載時作為替代顯示出來的文本。網站訪問者通常不會看到它 - 你也不希望看到它,因為它出現就意味著網站加載出了問題。在這種情況下,這些 Alt 標簽會成為你在 Google 上的圖片排名甚至整個網站搜尋引擎排名的基礎。與我們的前兩個技巧類似,你可以透過戰略性地放置 Alt 標簽內容來達成SEO。如果你有展示的產品的序列號或型號,也可以將其包含在內。你還可以在 Alt 標簽中使用與圖片相關的詞。
4. 正確的 格式 類型
在你嘗試優化網站圖片時,請始終牢記最適合他們的文件格式。雖然你可以使用很多文件格式,但最常用的四種類型是:JPEG、PNG、GIF、TIFF。通常,JPEG 是最常用的類型,因為你通常不需要對 Web 圖片進行圖片壓縮。它們能保持高品質,同時也是最小的尺寸。另一方面,當圖片具有文本或透明背景時,最好使用 PNG。PNG 文件通常比 JPEG 大。GIF則是動畫的最佳格式類型。你通常也不需要進行圖片壓縮,但它通常不適合靜止圖片。TIFF不同於前三種格式類型,它的圖片品質比前三種高很多,但它也占用了大量的空間和數據。
5. 完美的視角和角度
圖片取自Strikingly用戶網站
如果你的網站是你的品牌和部落格 所在地,那麽這一圖片優化技巧對你來說是不錯的選擇。線上商店在當今時代非常普遍,因此,有很多企業都建立了他們的商業網站。如果你是其中之一,你必須了解正確展示和安排最能吸引訪問者並將他們轉化為客戶的產品的重要性。從不同的角度和視角展示你的產品是個好主意。你可以透過提供各種角度的圖片來覆蓋客戶希望看到的任何一面。看看 Strikingly的用戶Isa Catepillan 的這個網站,看看她是如何以 360 度的視角展示她的精品店 服裝的。
6.正確組合圖片
圖片取自Strikingly用戶網站
如果你的圖片定位不當,那麽你的圖片是否高解析度將無關緊要。大多數人在布局 Web 圖片時都犯了過分大驚小怪的錯誤。你要知道如何正確使用和組合你網站上的圖片你可以為你的網站使用背景圖片,但請確保它不會與你展示的其他圖片發生沖突或壓倒其他圖片。將你的幾組網絡圖片放在一起時,要做到有創意,同時要井井有條。如果客戶喜歡他們所看到的內容,他們就更有可能停留在你的網站上。
7. 適合行動設備的照片
並非每個訪問你網站的人都是用他們的筆記本電腦在瀏覽。如今,更多人使用的是行動設備。如果你想跟上時代的步伐,就必須確保你的網站適合行動設備使用。優化你的網站可以對你的業務和品牌產生重大影響。它可能帶來高跳出率或顯著提高你的 SEO 排名和用戶參與度。優化圖片以適合行動設備的最佳方法是確保你的照片具有響應性,讓圖片能隨著當前站點的頁面大小相應地進行調整。無論你的網站訪問者使用什麽設備,這種圖片優化技術都可以確保你的圖片看起來仍然不錯。
8. 重複檢查
雙重檢查、三重檢查和四重檢查!我們為你提供的有關圖片優化的最終提示是多次預覽你的網站。在向全世界發布之前,你需要確保它完全符合你的設想。你應該預覽你的網站並親眼看看它是否按你希望的方式工作。我們知道你很高興與全世界分享它,但你必須親自檢查頁面速度、布局、外觀、所有按鈕是否正常工作以及所有圖片的標題是否正確。
你可以上傳到Strikingly的網絡圖片格式
Strikingly 是一款網站構建器,可讓你建立漂亮的網站。就圖片而言,它們可以承載你在其圖庫部分展示你的網絡圖片的願望。你還可以在圖片下方或旁邊加上標題和描述。Strikingly製作的網站可以托管各種尺寸的圖片。從 1600x900 像素的背景圖片到至少 100 像素的小圖示。這些圖片規格並不真正準確,因為 Strikingly 還可以幫助你進行圖片優化並根據各種屏幕尺寸優化圖片。它們允許你以三種不同的圖片文件格式上傳這些圖片:JPG、PNG 和 GIF。
當然,Strikingly還可以讓你為你的網絡圖片添加 alt 標簽和描述。你可以進入編輯模式,將滑鼠懸停在要添加到的圖片上,然後單擊“編輯”來為圖片添加alt 標簽。這樣做時,它會向你顯示可以對圖片執行的不同選項。下面是一個按鈕,“新增描述文字”。單擊它以添加相關的替代文本。當你不知道如何進行圖片佈局的時候,也可以參考我們的用戶案例 。編輯過程中產生的任何問題,也可以去知識庫 找找答案,關於Strikingly的所有好用功能你都能在那裡看到。
圖片取自Strikingly產品
你還可以為為你的圖冊圖片添加標題和說明。透過為你的圖片提供關鍵字豐富的原始標題來利用此次圖片優化機會。與添加描述的步驟一樣,你只需在站點編輯器中找到你的圖冊並將滑鼠懸停在要編輯的圖片上。透過單擊編輯,你將再次看到有關如何處理圖片的選項。你可以選擇編輯“標題”或“描述”,來完善你的圖片優化。
圖片取自Strikingly產品
圖片優化通常沒有得到足夠的關注。有些人只是隨意地將他們的圖片上傳到他們的網站上。但是現在你已經掌握了一些關於圖片優化的背景知識和一些關於如何優化圖片的技巧,那麼你就可以領先一步!你有機會為你和你的網站帶來真正的改變,不要浪費它。立即注冊Strikingly,讓他們幫助你充分利用網站上的圖片吧。 比較不錯的是目前Strikingly還支援14天免費試用活動 ,只要你註冊成為Strikingly的一員,即可享受。
如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。
Cookie的使用
我們使用cookie來改善瀏覽體驗、保證安全性和資料收集。一旦點擊接受,就表示你接受這些用於廣告和分析的cookie。你可以隨時更改你的cookie設定。 了解更多