標籤: 網站優化

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

Read More

Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊(Chrome 擴充功能)

通常在網站流量出現變化時網站管理者會去探究原因,如果你的訪客多為來自搜尋引擎的自然流量,有很大機會是搜尋引擎排名下降或類似問題,當然各家公司使用的演算法技術是商業機密,但通常都圍繞著一些大原則,像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書,當中有提到使用正確語法清楚表達網頁資訊。

Read More

Counter by Alles 最簡單的免費網站計數器,一行程式碼就能顯示訪客數

早期的網站很流行放上訪客計數器(Counter),展示今天一共有多少使用者造訪網頁,多半是透過一段圖片語法就能做到,後來逐漸轉變為 JavaScript 格式以提供更多功能,當然另一方面也能獲取更完整資訊。現今大多數都是透過流量統計工具來收集訪客紀錄,再使用圖表進行一些精確、技術層面的分析,以開發更多的訪客群眾或是改善網站本身的問題,流量就好比是各家網站的秘密,一般情況下可能不會顯示於網站上。

Read More

Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)

如果要讓行動裝置正常瀏覽網頁,可以另外製作手機版頁面或是透過自適應網頁設計(Responsive Web Design,簡稱 RWD)技術來調整版型,那麼要怎麼知道一個網站有沒有支援 RWD 呢?最簡單的方法就是拖曳調整視窗大小,看看網頁是不是在寬度較窄時仍可正常顯示,例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型,但每個裝置大小都有差異,若沒辦法同時擁有這麼多裝置進行測試,其實透過一些電腦上的工具也能達到相同效果。

Read More

搜尋引擎的未來

搜索引擎的未來是因果決策引擎   專欄作家亞倫·弗裡德曼(Aaron Friedman)討論了物聯網的原因和後果,物聯網移動應用程式和搜尋引擎的未來。...

Read More

Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具

免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。

Read More

Site Kit by Google 官方 WordPress 外掛開放下載,常用站長工具整合網站

去年底 Google 提出 Site Kit 外掛的想法,經歷將近一年的開發和測試,在十月底終於宣布讓所有 WordPress 站長免費下載!Site Kit by Google 是相當令人興奮和期待的產品,主要原因是這是 Google 官方在 WordPress 獨立推出的第一支外掛程式(顯示 WordPress 在網路上具有極大的影響力),整合 Google 旗下網站管理員會用到的相關功能,讓數據直接放進網站控制台,無論對於網站管理者、開發者、代理商或虛擬主機提供商來說都是非常實用的工具。

Read More
Loading