养网站防老第5步：内页和内链建设

大家好，我是哥飞。

昨天@damo 老板又来给大家报喜了，我们先恭喜他在订阅上走出了成绩。

网站养老系列，哥飞已经更新了6篇了：

之前我们已经把首页做好了，今天我们来聊第5步，把内页也做好，同时教大家如何做内链建设。

一、首页小调整

在此之前，我们先把首页稍微修改一下。

1.1、标题和描述

标题和描述修改为：

<title>Phone Number Generator,China,India,US,Indonesia,Brazil,Pakistan,Nigeria,Bangladesh,Russia,Japan</title>
<meta name="description" content="Easily generate phone numbers for top countries like China,India,US,Indonesia,Brazil,Pakistan,Nigeria,Bangladesh,Russia,Japan.Phone Number Generator, Perfect for testing, verification, and various applications.">

1.2、首页h1

首页h1的a标签增加title：

<h1 class="logo">
    <a href="./" title="Phone Number Generator">Phone Number Generator</a>
</h1>

1.3、导航栏

导航栏的a标签增加title：

<div class="country-list">
    <a class="curr" href="./" title="Phone Number Generator">Home</a>
    <a href="./china-phone-number-generator.html" title="China Phone Number Generator">China</a>
    <a href="./india-phone-number-generator.html" title="India Phone Number Generator">India</a>
    <!--此处限于篇幅只列出2个国家，实际页面要把所有10个国家都列出-->
</div>

1.4、国家列表

每一个h2的a标签也增加title：

<section>
    <h2><a href="./china-phone-number-generator.html" title="China Phone Number Generator">China Phone Number Generator</a></h2>
    <p>Generate valid China phone numbers with our tool. Perfect for various applications and tests.</p>
    <a href="./china-phone-number-generator.html" title="Generate China Phone Number">
        <button>Generate China Phone Number</button>
    </a>
</section>

这样我们首页就给每个国家的内页都增加了2个链接，分别传递了“xxx Phone Number Generator”、“Generate xxx Phone Number”两个关键词的权重到对应的国家内页。

1.5、首页预览

调整完的首页长这样：

二、内页

2.1、内页预览

以“China Phone Number Generator”为例，先给大家看下内页长这样：

2.2、标题和描述

先说标题和描述，先自己大概写一下：

<title>China Phone Number Generator, Generate China Phone Number</title>
<meta name="description" content="China Phone Number Generator, Generate China Phone Number">

然后让GPT4生成符合SEO要求的且更自然的标题和描述：

<title>China Phone Number Generator - Generate Authentic & Random Chinese Numbers</title>
<meta name="description" content="Easily generate random Chinese phone numbers for testing, verification, and other purposes. Authentic format with comprehensive coverage across China.">

2.3、内页h1

内页 h1 如下：

<section>
    <h1><a href="./china-phone-number-generator.html">China Phone Number Generator</a></h1>
    <p>Generate valid China phone numbers with our tool. Perfect for various applications and tests.</p>
</section>

这里我们直接用了首页的 section 样式，在 main 的第一个 section 中写 h1 和一些介绍。

2.4、生成电话号码功能

接着第二个 section 提供生成电话号码功能：

<section>
    <h2>Generate China Phone Number</h2>
    <p style="margin-top: 5px;">Note: These numbers are randomly generated and may not be valid for actual use.</p>
    <button id="generateButton">Generate Phone Number</button>
    
    <div id="phoneNumberDisplay" class="number-display" style="margin-top:10px"></div>
    <div id="errorDisplay" class="error-display"></div>
</section>

每点击一次按钮，就生成一个新的号码，并且不断添加到底部，也就是说可以生成一个号码列表，需要用 js 配合生成符合格式的号码：

<script>
    document.getElementById('generateButton').addEventListener('click', function() {
        try {
            const phoneNumber = generateChinaPhoneNumber();
            document.getElementById('phoneNumberDisplay').innerHTML += phoneNumber + '<br />';
            document.getElementById('errorDisplay').innerHTML = '';
        } catch (error) {
            document.getElementById('errorDisplay').innerHTML = 'Failed to generate number. Please try again.';
        }
    });

    function generateChinaPhoneNumber() {
        const prefix = '1';
        const secondDigit = Math.floor(Math.random() * 7) + 3; 
        let restOfNumber = '';
        for(let i = 0; i < 9; i++) {
            restOfNumber += Math.floor(Math.random() * 10);
        }
        return prefix + secondDigit + restOfNumber;
    }
</script>

这里为了用户体验，还可以增加一次生成10个号码、50个号码的按钮，限于篇幅今天我们不放相关代码出来，有需要直接找GPT生成就可以。

2.5、增加更多关于关键词的h2

在生成电话号码功能下方，我们让GPT基于我们提供的一些关键词，生成更多关于内页关键词的 seation ，每一个 section 都是一个 h2 。

我们先导出 Semrush 中跟当前内页关键词相关的更多关键词。

然后提供关键词列表给GPT4，让AI生成指定格式的 section，部分生成后的代码如下：

<section>
    <h2>China Phone Number Format</h2>
    <p>The standard format for Chinese phone numbers is 1xx-xxxx-xxxx, where '1' is always the prefix, followed by a 2-digit operator code and then an 8-digit user number.</p>
</section>

<section>
    <h2>Major Mobile Operators in China</h2>
    <ul>
        <li>China Mobile: Starting with 134, 135, 136, etc.</li>
        <li>China Unicom: Starting with 130, 131, 132, etc.</li>
        <li>China Telecom: Starting with 133, 149, etc.</li>
    </ul>
</section>

<section>
    <h2>China's Virtual Phone Number Providers</h2>
    <p>In addition to the traditional operators, there are many virtual phone number providers in China offering services for business and private use.</p>
</section>

对应页面效果如下：

2.6、生成更多内页

按照同样的方法，生成其它9个国家的内页，注意每个国家的电话号码格式都不一样，直接让GPT生成相关js代码就好。

我们举例说明的这个工具站页面结构更简单，只需要首页给每个内页增加内链，内页给首页给增加内链就行。

至此我们的代码网站代码就都写完了，目前的语言默认是英文，下一步我们还需要给网站增加多语言支持，这部分内容在明天的推文中介绍。

再下一步是注册域名，然后部署到Vercel，并且用 Cloudflare 包一层，既能加速又能保护源站。

再下一步是提交到谷歌Search Console后台，并且增加谷歌统计代码。

欢迎关注哥飞公众号，接收后续文章推送。

哥飞从7月2日开始发起了一个付费社群，群友们都是人才：

哥飞还提出了养网站防老概念《养网站防老：网站可以做成一生的事业》：

6、做网站就像是种树一样，先种下第一棵树，再种下第二棵树，慢慢你就有了一个小果园，收成会越来越好； 

7、尽量多种几种不同品种的果树，既可以使得一年四季都有水果吃，又可以防止“病虫害”导致同种果树死亡；

8、网站可以做成一生的事业，只要碳基生命还存在，就还会有网站的需求，我们就还能靠网站来赚钱； 

9、养儿防老不如养网站防老。

我是哥飞，公众号：哥飞养网站防老：网站可以做成一生的事业

哥飞也给大家说了《2023年了，为什么还要做网站？为的是可控的流量，可控的用户，可控的收入。》

哥飞的社群就是围绕着“养网站防老”话题，带着大家一起做网站赚钱，让每一位朋友都能够慢慢有一个自己的小果园。

社群目前暂时是微信群形态，有一个配套的网站，已上线第一版，社群内朋友可见。

社群主要面向技术开发者、产品经理、设计师等人群，大家一起讨论独立开发、出海产品、流量获取、流量变现等话题。

社群讨论的话题主要是围绕着网站来的，用网站来承接流量，然后变现。
那么就要考虑做什么网站，所以需要去挖掘需求。

然后去搞流量，可以是SEO，也可以是发帖宣传推广，还可以是付费软文。

有了流量之后就得考虑如何变现，可以是广告变现，也可以是联盟导购，更可以直接向用户收费。

目前有两个群，一群定价888元一年，目前450多人了，二群按照人数调整价格，目前92人，所以500元优惠价只剩8个位置。

社群从加入日期开始计时，365天后到期。

群里讨论很活跃，行动很迅速，大家已经做了几十个产品了。

这个社群7月2号开始运营的，到今天3个多月时间里，主要讨论了以下话题：

1、建站基础，如何快速做一个网站；
2、SEO基础，如何优化网站；
3、推广基础，如何宣传推广网站；
4、运营基础，如何运营好一个网站；
5、Adsense基础，如何靠谷歌Adsense赚广告费；
6、一些工具使用经验分享，如Semrush分析别的网站流量和出入站链接，Similarweb如何看流量；
7、基于Semrush、Similarweb等工具，如何去发掘新需求，发现新网站；
8、实战经验，如何去抓住新词热词做网站，从搜索引擎获取流量。

以及其他更多相关话题，欢迎加哥飞微信 qiayue 加入社群大家一起出海赚钱，养网站防老。