博客 / 列表

溪抱魚 - 獨立開發：一個產品過4萬$後的一些思考 第三章

穿梭機回顧一下上一篇文章 獨立開發第二章 8. 找到你的隊友和投資人獨立開發， 在我看來只是一個階段的事情，你可能在開始階段是獨立開發，但人是有極限的，要做更大的事情更多的收益，你必須有隊友（也可能是我已經過了那個階段了，獨立開發的收入支撐不了我的慾望）。 **我喜歡躺平,我喜歡賣萌** 那識別隊友很重要，這是一個很大的轉折，簡單的説主要是看這個人的ORI。 你可能會想,我為什麼不自己一

獨立開發者 , 前端設計

溪抱魚 - SEO關鍵詞的研究與優化 一

關鍵詞研究和優化是SEO的核心。通過深入瞭解目標受眾使用的搜索詞，我們可以優化網站內容，提高搜索引擎排名，並吸引更多相關流量。本章將詳細探討關鍵詞研究的方法、和最佳實踐。 關鍵詞類型對比分析 1. 關鍵詞研究的基礎 瞭解不同類型的關鍵詞對於制定全面的SEO策略至關重要。每種類型的關鍵詞都有其獨特的特點和應用場景： 1.1 主關鍵詞 定義： 通常由1-2個詞組成，代表廣泛的主題或概念。 特點

seo , 程序員 , HTML , 前端

溪抱魚 - SEO的關鍵詞研究與優化 二

回顧上一篇文章 3. 關鍵詞評估和選擇 關鍵詞評估和選擇是SEO策略中至關重要的一步。這個過程不僅僅是選擇搜索量最高的詞，而是要在多個因素之間找到平衡，以確定最有價值的關鍵詞。 3.1 搜索量分析 https://segmentfault.com/a/1190000046496136 搜索量是評估關鍵詞潛力的首要指標，但它不應該是唯一的考慮因素。使用Google Keyword Planner、S

seo , 程序員 , 前端

溪抱魚 - SEO與國際化

在當今互聯網時代，企業的成功不再侷限於本地市場。國際化SEO（搜索引擎優化）為企業提供了一個強大的工具，可以幫助他們在全球範圍內擴展影響力，吸引更多的國際客户。 1. 🌍理解國際化SEO的重要性 國際化SEO不僅僅是將網站翻譯成不同的語言，它是一個全面的策略，旨在優化我們的網站以吸引和服務於全球受眾。💡 🌍 擴大全球市場覆蓋範圍 🌎 接觸到新的國際市場和客户羣 🚀 增加品牌

seo , 前端

溪抱魚 - Nuxt3還能用嗎？

Nuxt3還能用嗎？ 前一段時間，我完成了整個產品，從Nuxt到Next的遷移，因為面臨了一些在框架層面就無法解決的問題。 payload json化 在所有的的Nuxt中，我們都能看到有這樣一個東西。 其實有這個東西也很正常，在Next中也會把服務端渲染的數據掛載html保持數據同步，這就是一個水合的必要步驟。在Next中是這樣的。 可以看到在Next新一點的版本中是

seo , 前端

溪抱魚 - Next的Seo實踐

第10章：Next的Seo實踐 1. Meta標籤 Next App Router比較主流的有兩種定義源數據標籤的方式，一種是通過在佈局或者頁面上導出一個 metadata 的對象，會自動生成對應的Meta源數據標籤，這是靜態的。 而另外一種則是動態生成meta標籤，這種場景通常需要先請求接口得到一些信息的動態源數據頁面，在這種情況下我們採用generateMetadata函數。 1.1. 靜態M

next , seo , typescript , 前端

溪抱魚 - 第七章: SEO與渲染方式

第7章: SEO與渲染方式 在現代Web開發中，JavaScript扮演着越來越重要的角色。然而，JavaScript的廣泛使用也為搜索引擎優化（SEO）帶來了新的挑戰。本章將深入探討JavaScript SEO的核心問題，不同的渲染機制對SEO的影響，以及如何優化JavaScript驅動的網站以獲得更好的搜索引擎排名和用户體驗。 1. Google爬蟲類型及其工作原理 搜索引擎爬蟲是SEO的核心

seo , 前端

溪抱魚 - 第七章: SEO與渲染方式 二

上一章的回顧 2. 網頁渲染機制及其對SEO的影響 在現代Web開發中，選擇合適的渲染機制對於優化搜索引擎性能至關重要。儘管Google的爬蟲技術在不斷進步，但不同的渲染方式仍然會對SEO產生顯著影響。讓我們深入探討主要的渲染機制及其對SEO的影響。 2.1 客户端渲染（CSR） 客户端渲染是單頁應用（SPA）常用的渲染方式，它依賴瀏覽器端的JavaScript來生成頁面內容。 工作原理：當

seo , 前端

溪抱魚 - 第七章: SEO與渲染方式 三

上一篇 3. JavaScript SEO最佳實踐 在實施JavaScript SEO時，有幾個關鍵領域需要特別關注。以下是一些最佳實踐，可以幫助我們優化JavaScript驅動的網站。 3.1 內容可見性優化 確保搜索引擎能夠看到和理解我們的內容是至關重要的。 延遲加載優化： 使用 noscript 標籤為不執行JavaScript的爬蟲提供關鍵內容。 img src="place

seo , 前端

溪抱魚 - SEO分頁基本功

SEO分頁基本功 1. 分頁器的實現 Bad Case 如圖，這是一個janitorai實現的分頁器，他是採用div的形式。 我們到SEMRush去查詢這個頁面的流量，可以觀察到，這整個頁面只被爬取了第一頁的數據 這其實驗證了第七章1.3 Googlebot的工作原理：Googlebot會先分析HTML裏的待爬取鏈接（a標籤）和需要下載的JS文件，選擇性的下載JS文件，然後嘗試渲染和執行JS

seo , 前端

溪抱魚 - Seo工具使用與數據觀察實踐 上

第11章.Seo工具使用與數據觀察實踐 1.通過SimilarWeb選擇合適的競品 首先我們明確一個概念，當我們要做項目的時候，會有兩種情況，一種是有競品，另外一種是沒有競品。 而沒有競品的那種情況，一個可能是你的項目和Idea沒有價值。另外一個可能是你的項目實在是太牛逼了，門檻太高在那個時間段幾乎無懈可擊（Open Ai的早期）。 那麼我們回到擁有競品的項目，我們需要對它和它的網站的流量進行分析

seo , HTML , 前端

溪抱魚 - Seo工具使用與流量數據觀察實踐 中

第12章.Seo工具使用與數據觀察實踐（中） 繼上一節的SimilarWeb流量粗分析，我們已經選定了競品，並且有了一個大致的用户畫像和羣體，接下來我們就進入細節的關鍵詞和內容的分析。 那麼這本節中，用到的工具則是SemRush，SemRush是一款功能強大的SEO工具,它提供了全面的關鍵詞分析功能。通過SemRush,我們可以深入瞭解關鍵詞的搜索量、競爭程度、趨勢變化等重要指標,從而制定更有效的

seo , 前端

溪抱魚 - Seo工具使用與數據觀察實踐 下

第12章.Seo工具使用與數據觀察實踐（下） 繼上一節的SemRush的網站策略粗分析之後，接下來我們就介紹SemRush的keywords關鍵詞分析。基本到這一節那，其實SEO的基本功系列就已經夠了，後面我們就開始目做項目了。 基礎詞類和意圖 在前面講了這麼多之後，終於到了最核心的地方了，我們要先確定核心的基礎關鍵詞，繼續以talkie為例，它是一個AI Role Play扮演的平台，我們先看他

seo , 前端

溪抱魚 - 改了網頁結構，搜索排名直接10倍增長

改了網頁結構，搜索排名直接10倍增長 之前我的網站流量低迷 我嘗試了一些改變.現在分享給家人們, 在此打個廣告關於我求求關注了家人們. 驚人的轉變 舉一個🌰一家電子商務網站在實施網站結構優化後，​搜索排名提升了10倍​，有機流量從每月2,000訪問增長到超過20,000。這不是魔法，而是精心設計的SEO策略,説白了進行一些操作,讓SEO更能搜到到你的排名 問題 用户和搜索引擎都找不到入口，所有

seo , 前端

溪抱魚 - 第十三章 SEO結構化數據與SERP

SEO結構化數據與SERP 1. 初解SEO結構化數據與SERP 結構化數據是一種標準化的格式，用於向搜索引擎提供關於網頁內容的明確信息。它本質上是一種"標記語言"，通過特定的代碼格式，幫助搜索引擎理解網頁內容的上下文和含義。 SERP是"Search Engine Results Page"的縮寫，即搜索引擎結果頁面。當用户在搜索引擎（如Google、百度、必應等）中輸入查詢詞後，搜索引擎返回

seo , 前端

溪抱魚 - 第十六章 Seo最簡單的賺錢方式-廣告

Seo最簡單的賺錢方式-廣告 行了，那些枯燥的基本功我們就算熬過來了。廢話不多説，我知道你們等不及了，下面直接開整，講講怎麼把學到的東西快速變成錢 Google Adsense簡介 如果你之前沒有用過Google Adsense這些Google全家桶，那麼一定要分清楚Google Adsense和Google Ads是兩個東西，Adsense是為你賺錢的，而Ads是要你花錢的地方。 ​Goo

seo , 前端

溪抱魚 - 第十五章 SEO的簡單免費工具

SEO的基礎工具和檢測 前文中主要是講一些SEO的網站基本功，而在這一章那，會講到一些非常基本的工具，主要是關於：網站的流量、停留時長、關鍵詞密度、內容、以及Google的站長工具。 Google Search Console Google Search Console這是做SEO永遠也繞不開的工具，它監控網站在Google搜索結果中的表現，並且提供索引狀態、搜索查詢數據和技術問題報告。 如何在G

seo , 前端

溪抱魚 - 第十八章 獲得大量免費流量的核心：關鍵詞

獲得大量免費流量的核心：關鍵詞 每一次搜索背後，都隱藏着一個渴望被滿足的需求。 而搜索是由一段段關鍵詞構成的，掌握關鍵詞，就是掌握了用户心理的密碼、流量的源頭和轉化的關鍵。當你的競爭對手還在盲目堆砌內容時，你可以通過精準關鍵詞策略，以小博大，用20%的努力獲取80%的流量紅利。 在現在大家覺得關鍵詞科學是為了做SEO（搜索引擎優化），但實際上這個順序完全反了。 SEO只是關鍵詞的一種應用，不

seo , 前端

溪抱魚 - SEO快速流量見效的方式-新詞

快速流量見效的方式-新詞 SEO因為它需要一個時間成本，就容易導致很難上手，或者在短時間沒有正反饋。 但並不是不能有一些短期的方法，抓新詞就是一種最快的方法。 它的原理是：當一些新的熱點事件出現的時候，用户有大量的搜索意圖，Google也非常迫切的希望抓到一些合適的內容給用户，這部分的排名就會非常的快，而在我看來有兩種方法是最佳實踐尋找新詞。 使用Google Trend Google Trend

seo

溪抱魚 - SEO 第二十章 產品經理也需要理解SEO

產品經理也需要理解SEO 產品經理一般來説負責的是產品的整體規劃、功能設計、用户體驗以及市場定位。他們需要理解用户需求，協調各部門資源，確保產品按時高質量地交付。 而SEO專家專注於提升產品在搜索引擎中的可見性，通過關鍵詞研究、內容優化、技術SEO等手段，幫助產品獲得更多的自然流量。 很多時候，SEO這件事情，是該由SEO專家負責，但根據我的經驗和本質上來看，一個懂SEO的產品絕對遠遠大於一個SE

seo , 前端

溪抱魚 - 敦煌網DHgate爆火背後的原因

近期，中國電商平台DHgate（敦煌網）在美國App Store排名從200位以外飆升至第2位，僅次於ChatGPT。這一現象源於TikTok上有關中國製造的病毒式視頻，但DHgate能夠迅速轉化這一流量，離不開其優秀的應用商店優化（ASO）策略。 DHgate應用商店頁面 1. 應用名稱與關鍵詞優化 DHgate-Online Wholesale Stores Fashion, Sho

設計 , seo , 前端

溪抱魚 - React-native的新架構

本文總結: 文章主要介紹了 React Native 的新架構，包括以下幾個方面的內容：📱✨ 如何抹平 iOS 和 Android 樣式差異，提升跨平台一致性； 分析了舊架構中存在的問題，如通信瓶頸、啓動慢、維護複雜等； 介紹了 JSI 中間層 帶來的變革，如： 不再強依賴 JavaScriptCore 引擎； 可直接在 JS 層調用 Native 方法，提升交互效率； 講解了 R

react-native , 前端

溪抱魚 - 如何解決35歲開發困境?

如何解決35歲開發困境？ 年少的自己總是心懷理想和未來，但眨眼之間我們已經不再年少，我們會在每一次的熬夜後感慨身體大不如前，會在連續工作幾個小時之後就感到疲憊，也會焦慮被更年輕的 人代替，焦慮自己年紀更大了之後怎麼辦。 在我23歲剛實習轉正的時候，我就一直想達成一個目的，就是在30歲之前退休。 我並不想更不能接受我32歲，35歲，40歲還到處找工作的事實。我不能把自己的命運放心的交到別人的手

獨立開發者 , 前端工程化

溪抱魚 - 技術與SEO

每次一提到SEO（搜索引擎優化），就是優化TDK、優化頁面速度、網站標籤語義化、做sitemap、robots、關注內外鏈結構巴拉巴拉..... 毋庸置疑，這些東西就是技術小夥伴們經常關注的東西，或者連這些最基本的東西都不理解。但就僅限於此了嗎？ 問題的關鍵是在於：只瞭解這些沒有意義，你只是達成了SEO的結果，你並不理解SEO的過程。你只是照貓畫虎，如果這時候讓你去自己做一個網站，你能獲得SEO的

獨立開發者 , seo , 前端工程化