fny5jt9 发表于 2024-7-30 04:35:58

2024独立站终极优化之主题插件选取和页面优化【意见保藏】-part2


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">点击上方&nbsp;</strong><span style="color: black;"><strong style="color: blue;">蓝字</strong></span><strong style="color: blue;">&nbsp;关注我吧!</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/EZfDrRjuLEhFf2wwNiboDaLywNo15k7trSibTrl8Yt6J7RQezvJyMLOeqxblmvUvtQPdngnjzicUjHo9b6lq71onw/640?wx_fmt=png&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1&amp;tp=webp" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">今天给老铁讲讲怎么<span style="color: black;">选取</span>WordPress主题、编辑器、插件和优化!</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">大纲</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">1.主题、编辑器搭配和插件<span style="color: black;">选取</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">2.主题插件的好坏评判标准</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">3.<span style="color: black;">怎样</span>减少页面加载和减少冗余</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">4.<span style="color: black;">恰当</span>排版布局</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">一</strong><strong style="color: blue;"><span style="color: black;">、</span></strong></span><span style="color: black;"><strong style="color: blue;">主题、编辑器搭配和插件<span style="color: black;">选取</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我<span style="color: black;">这儿</span>分别以B端独立站和C端独立站展开来<span style="color: black;">举荐</span>固定搭配,绝对是硬货!</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1)<span style="color: black;">首要</span>是B端独立站、博客、信息导航网站</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">WordPress最快最轻量的主题---<span style="color: black;"><strong style="color: blue;">GeneratePress</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">纵横国外信息博客<span style="color: black;">数年</span>,SEO极度友好,久经沙场未尝一败,极其轻量,几乎没加载,更没冗余,得益于完美继承gutenberg系框架,最佳搭配<span style="color: black;">便是</span>自家的编辑器Generateblocks,付费版式GP Premium<span style="color: black;">能够</span>全站自定义hook(钩子)、动态内容<span style="color: black;">要求</span>自定义、elements<span style="color: black;">各样</span>调用!<span style="color: black;">能够</span>说强大到无人能及,连Elementor的动态内容和容器模式<span style="color: black;">亦</span>是仿照他家的,全网<span style="color: black;">非常多</span>团队都在仿,但还是没法超越,我的绝大部分B端网站和博客都用此主题和编辑器,<span style="color: black;">倘若</span>做B端独立站有<span style="color: black;">制品</span>,<span style="color: black;">能够</span>安装ACF插件(<span style="color: black;">Advanced Custom Fields</span>
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">)<span style="color: black;">亦</span>是强大到不行的插件</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLzGQ9qgSRa4Pr2r0fnqTMtRSveaXRgIunRxB8gh7dibJUFDcdZDUncWw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL3bf9JNr7tImHjI53Wk7FrjEvvQIpS9mGQoicUNzHBBkcjibbdVcEMYnw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL5KDs3r5bKxj90zklx6EZc41qPF27icFck6Vic0jhvv2ibVD0FtekdhPFw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优点:<span style="color: black;">已然</span>说不完,速度、加载、渲染、自定义无人能及</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">缺点:学习曲线陡峭,会玩的人实在少,普通做个博客页倒没问题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2)B端独立站<span style="color: black;">非常多</span><span style="color: black;">伴侣</span>都<span style="color: black;">熟练</span>的---<span style="color: black;"><strong style="color: blue;">Kadence WP Pro</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLibwuJn0tK3znhODx2kozgQ2qQk0VuEgu0loPzfPiadiaEsPhLsib2kVLEA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">模版多,精致,近期加入了Ai功能,SEO友好,<span style="color: black;">针对</span>小白和初级建站的<span style="color: black;">伴侣</span><span style="color: black;">尤其</span>友好</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它的团队支持<span style="color: black;">亦</span>非常不错,继承gutenberg框架设计,无论加载还是渲染页面都很不错,最重要的是简单,<span style="color: black;">况且</span>兼容Woocommerce,做C端都不在话下!<span style="color: black;">亦</span>是有自己的编辑器,<span style="color: black;">因此</span>老铁无需额外安装~</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLkOnoktNISTzticpibRNwicdPicPnQPGc39vm9Nht0C8Uia8VflZRibDiboy6w/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>做B端的<span style="color: black;">伴侣</span>用Woocommerce插件让全网站都设置<span style="color: black;">没法</span>购买,只用于询盘,那就添加以下代码到codesnippet<span style="color: black;">或</span>wpcode插件<span style="color: black;">就可</span>(代码类型为php)</p>
    <span style="color: black;">add_filter( <span style="color: black;">woocommerce_is_purchasable</span>, <span style="color: black;">__return_false</span> );</span><span style="color: black;">remove_action( <span style="color: black;">woocommerce_single_product_summary</span>, <span style="color: black;">woocommerce_template_single_price</span>, <span style="color: black;">10</span> );</span><span style="color: black;">remove_action( <span style="color: black;">woocommerce_after_shop_loop_item_title</span>, <span style="color: black;">woocommerce_template_loop_price</span>, <span style="color: black;">10</span> );</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3)应该很少人听过<span style="color: black;"><strong style="color: blue;">Neve</strong></span>主题,这可是团队相当厉害且极其轻量的主题,<span style="color: black;">倘若</span>不会Generatepress的<span style="color: black;">伴侣</span>,真的<span style="color: black;">能够</span>入手Neve,速度超级快之余,SEO友好,兼容Woocommerce,手机端自适应<span style="color: black;">尤其</span>丝滑,用于个人的副业<span style="color: black;">或</span>作品展示都非常不错。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLnY9Z5Zw6otCI8u2Sd0oWCC5GmxE4sepuhL6qAlceaKJfCQ6JWCswcw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">然则</span>Neve的编辑器就有两个非常不错的<span style="color: black;">选取</span>:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">Otter&nbsp;Pro</span></strong>&nbsp; &nbsp; &nbsp;2.<span style="color: black;"><strong style="color: blue;">Stackable</strong></span></p><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLfjpIwoZ8IU8ReARbNmzJuJibFQVuN8NFFicGNmpia4pNZ6YQPaPFmCwdg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLRcXQTHVnAiaQXJS4b11TnQjHlUtbicd5mjUhkBhZ4VcoKaiax5tibtqneg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前者更加轻量,<span style="color: black;">针对</span>博客、信息类网站<span style="color: black;">尤其</span>友好,加载速度超级快,瞬间渲染<span style="color: black;">全部</span>页面框架,后者功能多,炫酷、动画效果、<span style="color: black;">各样</span>展示功能型附带元素,做个非常好看的网站不在话下,<span style="color: black;">亦</span>算比较轻量。2)C端零售独立站以交易、简洁大方、兼容性强为主</p>首当其冲<span style="color: black;">必定</span>是<span style="color: black;">大众</span>熟知的---<span style="color: black;"><span style="color: black;"><strong style="color: blue;">Ast</strong></span><span style="color: black;"><strong style="color: blue;">ra</strong></span></span>虽然<span style="color: black;">非常多</span>博主<span style="color: black;">举荐</span>和对比,其实<span style="color: black;">经过</span>真实测试,它的速度没办法跟<strong style="color: blue;">GeneratePress</strong><span style="color: black;">和</span><strong style="color: blue;"><strong style="color: blue;">Neve</strong></strong><span style="color: black;">比,<span style="color: black;">然则</span>速度来讲确实<span style="color: black;">能够</span>并列前5,<span style="color: black;">重点</span>是团队<span style="color: black;">研发</span>和社区活跃度非常高,它跟</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">Elementor</span></strong></span><span style="color: black;"><span style="color: black;">便是</span>天生一对。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLteeXDKY7lgZ3vmLNmKs8wsicQyRvo5hTOBWUx9mpbtHmP9RzkPwssgA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>做C端商城独立站可谓小白到进阶人员的<span style="color: black;">首要</span>,<span style="color: black;">况且</span>和各大插件兼容性都<span style="color: black;">尤其</span>好,有<span style="color: black;">要求</span>的<span style="color: black;">伴侣</span>买它家的Pro版,那就原生适配Mega菜单和各项自定义(没钱咋办?装elementkis插件咯,<span style="color: black;">同样</span><span style="color: black;">能够</span>做到Pro版的功能)<span style="color: black;">倘若</span>你的动手能力非常好,<span style="color: black;">爱好</span><span style="color: black;">各样</span>东西都自定义,<span style="color: black;">况且</span><span style="color: black;">尤其</span><span style="color: black;">留意</span>轻量化和干净度,那你就装<span style="color: black;"><strong style="color: blue;">Hello Elementor&nbsp;Theme</strong></span><span style="color: black;">,那可是Elementor编辑器自家的主题啊,<span style="color: black;">不消</span>说兼容性,速度<span style="color: black;">亦</span>是拉满的(当然Elementor本身就有点拉胯那个加载速度和冗余代码)</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLpCrpTzcmudMPWibqGXddP8gEPl8W7CKg26xvria82cIUNAicYoCrrnwVg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p><span style="color: black;">之前老铁<span style="color: black;">亦</span><span style="color: black;">指的是</span>定要威少用Hello theme+Elementor建站,我说:“你小子识货”。。哈哈</span><span style="color: black;"><span style="color: black;">倘若</span>说小白快速能获取一个专业的电商网站,又要简洁大方速度快,选它不会让你失望---</span><span style="color: black;"><span style="color: black;"><strong style="color: blue;">X</strong></span></span><span style="color: black;"><span style="color: black;"><strong style="color: blue;">store</strong></span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL5jQHIicicDSWp0fvrUBarBLz4MEzJVqUc32WHI77QAEg3uNjZv0JFksg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">饱含</span>多种行业、场景的模板,一键导入<span style="color: black;">就可</span>获取<span style="color: black;">高挑</span>上网站</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLwQYjcqunic1gQ1eic1pRyqomxTqmdic9akicqhfNvIiaEoS85GNmImBzT2w/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">让你从小白变<span style="color: black;">能手</span>不在话下<img src="https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_5@2x.png?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上都是经过威少亲自测试,<span style="color: black;">无</span>恰饭~有兴趣的朋友<span style="color: black;">能够</span><span style="color: black;">自动</span>测试</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">2、</span></strong><strong style="color: blue;">主题插件的好坏评判标准</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一般</span>我会以几个点去判断主题跟插件的好坏</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.主题首次发送请求接收到数据的回源时间总和---TTFB(当然跟主机和DNS<span style="color: black;">亦</span><span style="color: black;">相关</span>)</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLWaqMFuiafY0ts1VgpRicMUjzN9vb554AVqsIIoe5EyTibysTBCFkJjOOA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.谷歌的性能指标---FCP,&nbsp;CLS,&nbsp;LCP</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL2YJWnWp2A5MrVS8icg6cBa9CNba3GqcYfF819A4RTbFnqiaweoQiaRUgA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.插件的团队<span style="color: black;">是不是</span>勤于修正bug、社区活跃度、更新频率、团队为用户解答问题的态度和响应</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLn8IGKkBQodc3T1SpMndcrReLjME8zSmMr4QYOd1x9WuPAKgOsaxGIg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有些营销号故意抹黑WordPress说什么频繁更新啊,安全漏洞啊等等,我就问一下,<span style="color: black;">倘若</span>一个服务,一个软件,<span style="color: black;">无</span>频繁更新和社区活跃度低,你在生产过程中<span style="color: black;">显现</span>任何问题你找谁?信息时代<span style="color: black;">始终</span>在变,社区活跃度高,<span style="color: black;">运用</span>的人多,<span style="color: black;">各样</span>问题<span style="color: black;">亦</span>许都会存在,但总有<span style="color: black;">处理</span>的<span style="color: black;">方法</span>!<span style="color: black;">因此</span><span style="color: black;">为何</span><span style="color: black;">全世界</span>56.8%的<span style="color: black;">运用</span>占比,美国NASA宇航局花百万美金搭建WordPress网站(白宫等互联网大企都<span style="color: black;">运用</span>)。<span style="color: black;">仅有</span>良好的生态社区<span style="color: black;">才可</span><span style="color: black;">连续</span>稳定发展,这是国内<span style="color: black;">始终</span><span style="color: black;">没法</span>达到的状态(太多资本和阻碍介入)。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">3、</span></strong><strong style="color: blue;"><span style="color: black;">怎样</span>减少页面加载和减少冗余</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">减少插件<span style="color: black;">运用</span>!!!<span style="color: black;">减少插件</span><span style="color: black;"><span style="color: black;">运用</span>!</span><span style="color: black;">!</span><span style="color: black;">!<span style="color: black;">减少插件</span><span style="color: black;"><span style="color: black;">运用</span>!</span><span style="color: black;">!</span><span style="color: black;">!重要事情说三遍~</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">小白<span style="color: black;">一般</span>(<span style="color: black;">包含</span>fiverr和upwork还有服务商)都<span style="color: black;">爱好</span>装超级多插件,<span style="color: black;">原由</span>很简单,<span style="color: black;">由于</span><span style="color: black;">她们</span><span style="color: black;">按照</span>客户实现的功能来装,而不懂找<span style="color: black;">处理</span><span style="color: black;">方法</span>,<span style="color: black;">引起</span>网站加载慢,兼容性有问题(<span style="color: black;">由于</span>php版本<span style="color: black;">亦</span>是有讲究的)。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">别TM什么都往里面塞,能用原生编辑器实现的就别额外装~B端网站我<span style="color: black;">通常</span><span style="color: black;">掌控</span>在8个插件以内,C端的看<span style="color: black;">详细</span>实现的功能。</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">优化插件<span style="color: black;">能够</span><span style="color: black;">选取</span>的有:</span></span></strong><span style="color: black;"><span style="color: black;"><span style="color: black;"><strong style="color: blue;">免费</strong></span>:WP Fast Cache、Super Fast Cache、Autoptimize、Phastpress</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">付费</span></strong></span><span style="color: black;">:WPRocket、Flyingpress、Perfmatters、Asset CleanUp</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">SEO插件最<span style="color: black;">举荐</span>的有:</span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">1)<strong style="color: blue;"><span style="color: black;">All in one SEO</span></strong></span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLyick6WnsRgCwo0Libd4zqjzmD7DSyCOoiaJAvcDibCiaDiajfeNYBLsIEcDw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">独一</span>对中文最友好,简单傻瓜式的WordPress SEO插件,设置简单易懂,界面清爽</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2)<span style="color: black;"><strong style="color: blue;">Yoast SEO</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLVmnDGbiaUBW1NpcVNRYp8sRlw5gokHavjHHHabmEh3uFkqx5AUzPuYQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">更新频率最高,<span style="color: black;">运用</span>人群最多,功能最为完善的SEO插件,<span style="color: black;">非常多</span>额外功能,<span style="color: black;">针对</span>商城的SEO设置颇为深入</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3)<span style="color: black;"><strong style="color: blue;">Rankmath</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL6ABlaAOXZyRoptp9zdd7COicFibOKLxbfMiaIPJ4KGrwRCFasOZZzAZbw/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">免费版本都足够<span style="color: black;">运用</span>,付费版会额外<span style="color: black;">增多</span><span style="color: black;">更加多</span>功能,简直是低预算的福音,会比Yoast SEO更加轻量<span style="color: black;">有些</span>,近年来<span style="color: black;">运用</span>者<span style="color: black;">亦</span>大幅上涨。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4)<strong style="color: blue;"><span style="color: black;">SEO</span><span style="color: black;">Press</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKL6YibhlJ90Z1m30uUoiaPR93JOCyV4QrJyeUjIPg1SficUktw2bvVphx8w/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">更为轻量级的SEO插件,体积小,五脏俱全,需要购买Pro版<span style="color: black;">才可</span>发挥极致效果,<span style="color: black;">更加多</span>的结构化设置。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5)<strong style="color: blue;"><span style="color: black;">Slim</span><span style="color: black;">SEO</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/EZfDrRjuLEgMS5ib9t89LZPEXe97YfaKLsJwgX3muw4PKPXlwFM1nphHqZxKd2nghAMcNGLsyibNjDNKibR2C5qcA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">体积最小,速度最快,代码极其干净,<span style="color: black;">保存</span><span style="color: black;">运用</span>的部分,不掺杂不常用的功能,性价比很高。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">4、</span></strong><strong style="color: blue;"><span style="color: black;">恰当</span>排版布局</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">昨晚跟几十个老外<span style="color: black;">一块</span>学习SEO和网页设计中的UX排版,八十多个来自<span style="color: black;">区别</span>国家的Geeker,<span style="color: black;">重点</span>是围绕业务和计算机之间<span style="color: black;">怎样</span>达到最好的搭配,<span style="color: black;">由于</span>我经常都会跟<span style="color: black;">大众</span>讲,样式UI/UX是给人看的,底层的代码是给<span style="color: black;">设备</span>搜索引擎看的,<span style="color: black;">仅有</span>人和<span style="color: black;">设备</span>都读懂,清晰的理解你所设计、表达的内容及含义,这才是合格的数字化<span style="color: black;">制品</span>;<span style="color: black;">因此</span>你会<span style="color: black;">发掘</span>有些很好看,很<span style="color: black;">美丽</span>的网站,<span style="color: black;">然则</span>流量很差,结构化数据做得很差,其实<span style="color: black;">非常多</span>时候为了好看,为了实现功能等等(<span style="color: black;">或</span>本身就没打算做SEO和推流)。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个页面的呈现<span style="color: black;">次序</span>和排版是有<span style="color: black;">规律</span>的</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>主页,并不是你做轮播,我<span style="color: black;">亦</span>做轮播,看到<span style="color: black;">大众</span>做我跟着做,不止影响速度,对方网络环境差的时候加载不出来更影响体验;<span style="color: black;">因此</span>一切的设计都由项目和<span style="color: black;">目的</span>展开,设定好<span style="color: black;">目的</span>再动手。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通常</span>的路径<span style="color: black;">便是</span>→<strong style="color: blue;">告诉别人你卖什么</strong>(<span style="color: black;">供给</span>什么服务)→<strong style="color: blue;">你的强项和<span style="color: black;">处理</span><span style="color: black;">那些</span>痛点问题</strong>→<strong style="color: blue;"><span style="color: black;">咱们</span>是谁,有过<span style="color: black;">那些</span>成功案例</strong>→<strong style="color: blue;">行动号召板块</strong>(CTA)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">短短一行字涵盖<span style="color: black;">全部</span>页面的<span style="color: black;">行径</span>路径,而不是把自己想象的页面排版去实现出来,到最后你自己<span style="color: black;">亦</span>不<span style="color: black;">晓得</span><span style="color: black;">为何</span>这么设计<img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">做之前,请大伙<span style="color: black;">知道</span>自己的业务线、<span style="color: black;">制品</span>线、目的是什么、受众是<span style="color: black;">那些</span>人,品牌logo的配色和认真地打个草稿。。。</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">最后需要购买服务器的<span style="color: black;">伴侣</span>还是强力<span style="color: black;">举荐</span>:</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>你在<span style="color: black;">思虑</span>更换独立站服务器,想建站不<span style="color: black;">晓得</span>选什么服务器,有独立站但速度慢响应慢,那我强力<span style="color: black;">意见</span>你<span style="color: black;">运用</span>此次<span style="color: black;">举荐</span>的服务器</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">假如你购买了之后,你<span style="color: black;">能够</span>在我的公众号后台发送关键字</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">【<span style="color: black;"><strong style="color: blue;">hostinger优化</strong></span>
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">】获取优化稳定</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;">优惠购买链接:</strong><span style="color: black;"><strong style="color: blue;"><strong style="color: blue;"><span style="color: black;">https://linkto.cyou/host</span></strong></strong></span></span></h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">如需建站、网站优化、调试、抢修、搭建高容错高性能独立站环境、搭建云服务等<span style="color: black;">能够</span>咨询我(有偿)</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">以上是今天的所有内容,</span><span style="color: black;">觉得有<span style="color: black;">帮忙</span>的家人们欢迎点赞和在看~感谢支持<span style="color: black;">

听听海 发表于 2024-8-26 05:12:32

楼主的文章深得我心,表示由衷的感谢!

流星的美 发表于 2024-9-5 00:42:08

祝福你、祝你幸福、早日实现等。

1fy07h 发表于 2024-11-14 14:55:34

你的话语真是温暖如春,让我心生感激。

4zhvml8 发表于 6 天前

谢谢、感谢、感恩、辛苦了、有你真好等。

7wu1wm0 发表于 4 天前

你说得对,我们一起加油,未来可期。
页: [1]
查看完整版本: 2024独立站终极优化之主题插件选取和页面优化【意见保藏】-part2