[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"/zh-CN/blog/link-in-bio-%E9%A1%B5%E9%9D%A2%E4%BC%98%E5%8C%96-%E6%9B%B4%E5%A4%9A%E7%82%B9%E5%87%BB":3,"/v1/social/getSocialPlatformList___zh-CN":8,"/blog/link-in-bio-%E9%A1%B5%E9%9D%A2%E4%BC%98%E5%8C%96-%E6%9B%B4%E5%A4%9A%E7%82%B9%E5%87%BB___zh-CN___BLOG_POST":43,"/v1/website_terms_settings/list-all___zh-CN":68,"/admin_advice/get-by-permalink___zh-CN":83,"/author/profile___zh-CN":95,"/admin_advice/list_time___zh-CN":98},{"code":4,"message":5,"timestamp":6,"data":5,"success":7},"0",null,"2026-07-10 15:17:04",true,{"code":4,"message":5,"timestamp":6,"data":9,"success":7},[10,20,28,35],{"id":11,"name":12,"svgImage":13,"mediaId":14,"alt":5,"svgImageColours":13,"url":15,"isHide":16,"createBy":11,"createDate":17,"updateBy":18,"updateDate":19},1,"email","https://hl-file.8kds.com/admin/30e8fc2bfcbf4d38b67a151b1b2dce9b.svg",255,"sdfasfwea@qq.com",0,1760508292449,160,1783585222501,{"id":21,"name":22,"svgImage":23,"mediaId":24,"alt":25,"svgImageColours":23,"url":26,"isHide":16,"createBy":11,"createDate":17,"updateBy":11,"updateDate":27},2,"facebook","https://hl-file.8kds.com/admin/012878a71ed240918a6998227d5dece5.webp",235,"Holink Facebook 主页","https://www.facebook.com/people/Holinkdigitalsolusi-Holink/pfbid0uwTYocZaZT8RFPikTPyTU6wKaAa8zm9C44LqjMMpSwtEAnMk1LkkBuPyYnLgCMS3l/",1764150150048,{"id":29,"name":30,"svgImage":31,"mediaId":32,"alt":33,"svgImageColours":31,"url":34,"isHide":16,"createBy":11,"createDate":17,"updateBy":11,"updateDate":17},3,"Instagram","https://hl-file.8kds.com/admin/b272bbf9f69f4f13866600787988af6c.webp",236,"Holink Instagram 主页","https://www.instagram.com/holink.id/saved/",{"id":36,"name":37,"svgImage":38,"mediaId":39,"alt":40,"svgImageColours":38,"url":41,"isHide":16,"createBy":11,"createDate":17,"updateBy":11,"updateDate":42},12,"YouTuBe","https://hl-file.8kds.com/admin/043c45ced1ce48249a40f1c51c5285ae.webp",247,"YouTuBe-social-zh","http://youtube.com",1766563964000,{"code":4,"message":5,"timestamp":6,"data":44,"success":7},{"id":45,"parentId":46,"parentType":47,"tdk":48,"meta":5,"social":53,"advanced":57,"schemas":59,"jsonLdScripts":5,"langPermalinks":60,"createdAt":66,"updatedAt":67},"2075525273578455040","2075525257350692864","BLOG_POST",{"isAddToMetaTitle":5,"title":49,"keywords":50,"permalink":51,"description":52},"如何优化 Link-in-Bio 页面以获得更多点击","link-in-bio, 链接生物页优化, 点击率提升, 转化优化, UTM 跟踪, Open Graph, SEO, 页面排布","link-in-bio-页面优化-更多点击","这篇指南介绍如何通过清晰的头像与标题、优先级链接顺序、突出 CTA 和正确的 UTM/Open Graph 配置，优化 link-in-bio 页面，提升点击率并增强搜索引擎友好性。",{"facebook":54,"twitter":56},{"title":49,"description":52,"image":55,"imageMediaId":5,"alt":5},"",{"title":49,"description":52,"image":55,"imageMediaId":5,"alt":5,"useDataFromFacebook":7},{"robotsMeta":55,"canonicalUrl":58},"https://hl-web.8kds.com/zh-CN/blog/link-in-bio-%E9%A1%B5%E9%9D%A2%E4%BC%98%E5%8C%96-%E6%9B%B4%E5%A4%9A%E7%82%B9%E5%87%BB",[],[61,64],{"langCode":62,"permalink":63},"id","panduan-optimasi-halaman-link-in-bio-agar-lebih-banyak-klik",{"langCode":65,"permalink":51},"zh-CN",1783678761,1783684284,{"code":4,"message":5,"timestamp":6,"data":69,"success":7},[70,73,76,79],{"id":71,"type":11,"permalink":72},"2008091676899291136","cookie设置",{"id":74,"type":21,"permalink":75},"2008091993644773376","cn-privacy-policy",{"id":77,"type":29,"permalink":78},"2008092243876941824","terms-conditions3",{"id":80,"type":81,"permalink":82},"2026842754595823616",4,"refund-policy",{"code":4,"message":5,"timestamp":6,"data":84,"success":7},{"id":46,"author":85,"title":49,"content":86,"editPolicy":87,"contentSource":88,"classTypeId":89,"classTypeName":90,"publishStatus":11,"publishTime":91,"isHide":16,"sort":11,"coverImg":5,"alt":5,"createBy":92,"createDate":91,"updateBy":92,"updateDate":93,"pageTitle":5,"slug":5,"tagList":94,"authorAvatar":55,"authorBio":5},"cmstest","{\"time\":1783680660828,\"blocks\":[{\"id\":\"492b97c788\",\"type\":\"raw\",\"data\":{\"fallbackHtml\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003elink-in-bio 页面常常是你与受众之间的\\u0026nbsp;\\u003cstrong\\u003e首个接触点\\u003c/strong\\u003e\\u0026nbsp;——这是 Instagram 或 TikTok 简介中的一个 URL，承载所有重要链接。遗憾的是，许多人让它只是一个普通的链接列表。实际上，只要排版得当，这个页面可以成为一个 24 小时持续运作的小型转化引擎。本文汇总了如何构建它，让其\\u0026nbsp;\\u003cem\\u003e更能吸引点击\\u003c/em\\u003e\\u0026nbsp;并同时对搜索引擎友好。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioheader/1200/500\\\" alt=\\\"手机屏幕上整齐排列多条链接的 link-in-bio 页面示例\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003e一个简介中的链接，多个目标——只要排版得当。\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e为何值得优化这个页面\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e每一秒受众犹豫选择哪个链接，你就会失去一次机会。明确把注意力引向最重要动作的页面，往往优于无序的链接列表。更有意思的是，只要结构正确，link-in-bio 页面也可以被\\u0026nbsp;\\u003cmark\\u003e搜索引擎索引\\u003c/mark\\u003e\\u0026nbsp;，这意味着除社交媒体外，还可能获得自然流量。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e最好的页面不是包含最多链接的页面，而是最能帮助访客最快找到他们想要内容的页面。——以转化为导向的设计原则\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e高效页面的结构\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e有三个核心组件决定访客是留下还是立刻离开。我们逐一来聊。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e1. 清晰的个人资料照片和标题\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioprofile/400/300\\\" alt=\\\"link-in-bio 页面中个人资料照片和标题区域示例\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e在前两秒内，访客应当知道\\u0026nbsp;\\u003cstrong\\u003e你是谁\\u003c/strong\\u003e\\u0026nbsp;以及\\u0026nbsp;\\u003cstrong\\u003e他们可以获得什么\\u003c/strong\\u003e。使用高分辨率的个人资料照片，并使用一句简短、明确传达价值的标题，而不仅仅是名字。避免使用泛泛句式，直接说明具体好处。访客越快觉得“这和我相关”，他们继续深入浏览你的链接的可能性就越高。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e2. 按优先级排列链接\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e将最重要的链接放在最上方。以下是经过验证的做法：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e限制主要链接数量，避免选项过多让访客无法决定。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e使用行动导向的标签（“立即预订”）而非被动标签（“网站”）。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将同类链接归为一组，并在组间添加视觉分隔。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e添加平台图标，让访客一眼识别链接用途。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e3. 突出的行动号召（CTA）\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e一个核心动作应最为突出——可通过不同的颜色、尺寸或位置来体现。不要让所有按钮看起来同等重要，否则任何内容都不会突出。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003e提示：\\u003c/strong\\u003e\\u0026nbsp;在几周内测试两个标题或链接顺序版本，然后比较哪个版本产生更多点击。基于数据的决策胜过猜测。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e按影响力确定元素优先级\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e并非所有改动都同等重要。下表有助于决定先做什么。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e要素\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e点击影响\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e工作量\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优先级\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e清晰标题\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e链接顺序\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e突出 CTA 按钮\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e后续\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优化加载速度\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e计划中\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e图标与插图\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e可选\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e正确设置追踪\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e没有测量的优化是盲目的。为链接添加 UTM 参数，以便知道点击来自哪里。比如，与其使用普通 URL，不如使用如下格式：\\u003ccode\\u003ehttps://ho.link/nama?utm_source=instagram\\u0026amp;utm_medium=bio\\u0026amp;utm_campaign=peluncuran\\u003c/code\\u003e。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e准备步骤很简短：\\u003c/p\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e为所有渠道定义统一的 UTM 命名规则。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将这些参数应用到每个重要链接。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e确保页面包含 Open Graph 标签，让分享预览更整洁。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e每周查看报告并比较各来源的表现。\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e为让链接分享时的预览更具吸引力，请在\\u0026nbsp;\\u003ccode\\u003e\\u0026lt;head\\u0026gt;\\u003c/code\\u003e\\u0026nbsp;中加入以下元标签：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;meta property=\\\"og:title\\\" content=\\\"Nama Kamu — Semua Tautan di Satu Tempat\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:description\\\" content=\\\"Ikuti karya dan update terbaru saya di sini.\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:image\\\" content=\\\"https://ho.link/nama/preview.jpg\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:type\\\" content=\\\"profile\\\"\\u0026gt;\\n\\u0026lt;meta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\"\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e降低表现的常见错误\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e这些常见小问题经常被忽视，但影响却很明显：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e链接过多，导致访客难以下定决心选择。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e图片过大，使页面在移动网络下加载变慢。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e链接文案含糊，未说明其用途。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e没有追踪，所以不清楚哪些做法有效。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003e注意：\\u003c/strong\\u003e\\u0026nbsp;页面加载慢会让你受双重伤害——访客在内容显示前就会离开，\\u003cem\\u003e搜索引擎\\u003c/em\\u003e\\u0026nbsp;也会将用户体验评为更低。\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e立即开始优化\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e不需要一次性重构所有内容。先从标题和链接顺序开始——这两项高影响、低工作量的调整做起——再测量结果。持续的小步迭代将在几个月后带来显著变化。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003e创建你的页面\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003e了解更多\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003e本文用于测试 WordPress 上的编辑内容展示。如果所有部分都显示得井然有序、阅读舒适，那么你的主题就已经准备好承载正式内容。\\u003c/em\\u003e\\u003c/p\\u003e\",\"fallbackText\":\"link-in-bio 页面常常是你与受众之间的 首个接触点 ——这是 Instagram 或 TikTok 简介中的一个 URL，承载所有重要链接。遗憾的是，许多人让它只是一个普通的链接列表。实际上，只要排版得当，这个页面可以成为一个 24 小时持续运作的小型转化引擎。本文汇总了如何构建它，让其 更能吸引点击 并同时对搜索引擎友好。\\n一个简介中的链接，多个目标——只要排版得当。\\n为何值得优化这个页面\\n每一秒受众犹豫选择哪个链接，你就会失去一次机会。明确把注意力引向最重要动作的页面，往往优于无序的链接列表。更有意思的是，只要结构正确，link-in-bio 页面也可以被 搜索引擎索引 ，这意味着除社交媒体外，还可能获得自然流量。\\n最好的页面不是包含最多链接的页面，而是最能帮助访客最快找到他们想要内容的页面。——以转化为导向的设计原则\\n高效页面的结构\\n有三个核心组件决定访客是留下还是立刻离开。我们逐一来聊。\\n1. 清晰的个人资料照片和标题\\n在前两秒内，访客应当知道 你是谁 以及 他们可以获得什么。使用高分辨率的个人资料照片，并使用一句简短、明确传达价值的标题，而不仅仅是名字。避免使用泛泛句式，直接说明具体好处。访客越快觉得“这和我相关”，他们继续深入浏览你的链接的可能性就越高。\\n2. 按优先级排列链接\\n将最重要的链接放在最上方。以下是经过验证的做法：\\n限制主要链接数量，避免选项过多让访客无法决定。\\n使用行动导向的标签（“立即预订”）而非被动标签（“网站”）。\\n将同类链接归为一组，并在组间添加视觉分隔。\\n添加平台图标，让访客一眼识别链接用途。\\n3. 突出的行动号召（CTA）\\n一个核心动作应最为突出——可通过不同的颜色、尺寸或位置来体现。不要让所有按钮看起来同等重要，否则任何内容都不会突出。\\n✅ 提示： 在几周内测试两个标题或链接顺序版本，然后比较哪个版本产生更多点击。基于数据的决策胜过猜测。\\n按影响力确定元素优先级\\n并非所有改动都同等重要。下表有助于决定先做什么。\\n要素 | 点击影响 | 工作量 | 优先级 | \\n清晰标题 | 高 | 低 | 先做 | \\n链接顺序 | 高 | 低 | 先做 | \\n突出 CTA 按钮 | 中 | 中 | 后续 | \\n优化加载速度 | 中 | 高 | 计划中 | \\n图标与插图 | 低 | 中 | 可选 | \\n正确设置追踪\\n没有测量的优化是盲目的。为链接添加 UTM 参数，以便知道点击来自哪里。比如，与其使用普通 URL，不如使用如下格式：https://ho.link/nama?utm_source=instagram\\u0026utm_medium=bio\\u0026utm_campaign=peluncuran。\\n准备步骤很简短：\\n为所有渠道定义统一的 UTM 命名规则。\\n将这些参数应用到每个重要链接。\\n确保页面包含 Open Graph 标签，让分享预览更整洁。\\n每周查看报告并比较各来源的表现。\\n为让链接分享时的预览更具吸引力，请在 \\u003chead\\u003e 中加入以下元标签：\\n\\u003cmeta property=\\\"og:title\\\" content=\\\"Nama Kamu — Semua Tautan di Satu Tempat\\\"\\u003e\\n\\u003cmeta property=\\\"og:description\\\" content=\\\"Ikuti karya dan update terbaru saya di sini.\\\"\\u003e\\n\\u003cmeta property=\\\"og:image\\\" content=\\\"https://ho.link/nama/preview.jpg\\\"\\u003e\\n\\u003cmeta property=\\\"og:type\\\" content=\\\"profile\\\"\\u003e\\n\\u003cmeta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\"\\u003e\\n降低表现的常见错误\\n这些常见小问题经常被忽视，但影响却很明显：\\n链接过多，导致访客难以下定决心选择。\\n图片过大，使页面在移动网络下加载变慢。\\n链接文案含糊，未说明其用途。\\n没有追踪，所以不清楚哪些做法有效。\\n⚠️ 注意： 页面加载慢会让你受双重伤害——访客在内容显示前就会离开，搜索引擎 也会将用户体验评为更低。\\n立即开始优化\\n不需要一次性重构所有内容。先从标题和链接顺序开始——这两项高影响、低工作量的调整做起——再测量结果。持续的小步迭代将在几个月后带来显著变化。\\n创建你的页面 了解更多\\n本文用于测试 WordPress 上的编辑内容展示。如果所有部分都显示得井然有序、阅读舒适，那么你的主题就已经准备好承载正式内容。\",\"html\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003elink-in-bio 页面常常是你与受众之间的\\u0026nbsp;\\u003cstrong\\u003e首个接触点\\u003c/strong\\u003e\\u0026nbsp;——这是 Instagram 或 TikTok 简介中的一个 URL，承载所有重要链接。遗憾的是，许多人让它只是一个普通的链接列表。实际上，只要排版得当，这个页面可以成为一个 24 小时持续运作的小型转化引擎。本文汇总了如何构建它，让其\\u0026nbsp;\\u003cem\\u003e更能吸引点击\\u003c/em\\u003e\\u0026nbsp;并同时对搜索引擎友好。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioheader/1200/500\\\" alt=\\\"手机屏幕上整齐排列多条链接的 link-in-bio 页面示例\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003e一个简介中的链接，多个目标——只要排版得当。\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e为何值得优化这个页面\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e每一秒受众犹豫选择哪个链接，你就会失去一次机会。明确把注意力引向最重要动作的页面，往往优于无序的链接列表。更有意思的是，只要结构正确，link-in-bio 页面也可以被\\u0026nbsp;\\u003cmark\\u003e搜索引擎索引\\u003c/mark\\u003e\\u0026nbsp;，这意味着除社交媒体外，还可能获得自然流量。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e最好的页面不是包含最多链接的页面，而是最能帮助访客最快找到他们想要内容的页面。——以转化为导向的设计原则\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e高效页面的结构\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e有三个核心组件决定访客是留下还是立刻离开。我们逐一来聊。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e1. 清晰的个人资料照片和标题\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioprofile/400/300\\\" alt=\\\"link-in-bio 页面中个人资料照片和标题区域示例\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e在前两秒内，访客应当知道\\u0026nbsp;\\u003cstrong\\u003e你是谁\\u003c/strong\\u003e\\u0026nbsp;以及\\u0026nbsp;\\u003cstrong\\u003e他们可以获得什么\\u003c/strong\\u003e。使用高分辨率的个人资料照片，并使用一句简短、明确传达价值的标题，而不仅仅是名字。避免使用泛泛句式，直接说明具体好处。访客越快觉得“这和我相关”，他们继续深入浏览你的链接的可能性就越高。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e2. 按优先级排列链接\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e将最重要的链接放在最上方。以下是经过验证的做法：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e限制主要链接数量，避免选项过多让访客无法决定。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e使用行动导向的标签（“立即预订”）而非被动标签（“网站”）。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将同类链接归为一组，并在组间添加视觉分隔。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e添加平台图标，让访客一眼识别链接用途。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e3. 突出的行动号召（CTA）\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e一个核心动作应最为突出——可通过不同的颜色、尺寸或位置来体现。不要让所有按钮看起来同等重要，否则任何内容都不会突出。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003e提示：\\u003c/strong\\u003e\\u0026nbsp;在几周内测试两个标题或链接顺序版本，然后比较哪个版本产生更多点击。基于数据的决策胜过猜测。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e按影响力确定元素优先级\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e并非所有改动都同等重要。下表有助于决定先做什么。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e要素\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e点击影响\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e工作量\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优先级\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e清晰标题\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e链接顺序\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e突出 CTA 按钮\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e后续\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优化加载速度\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e计划中\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e图标与插图\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e可选\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e正确设置追踪\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e没有测量的优化是盲目的。为链接添加 UTM 参数，以便知道点击来自哪里。比如，与其使用普通 URL，不如使用如下格式：\\u003ccode\\u003ehttps://ho.link/nama?utm_source=instagram\\u0026amp;utm_medium=bio\\u0026amp;utm_campaign=peluncuran\\u003c/code\\u003e。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e准备步骤很简短：\\u003c/p\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e为所有渠道定义统一的 UTM 命名规则。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将这些参数应用到每个重要链接。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e确保页面包含 Open Graph 标签，让分享预览更整洁。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e每周查看报告并比较各来源的表现。\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e为让链接分享时的预览更具吸引力，请在\\u0026nbsp;\\u003ccode\\u003e\\u0026lt;head\\u0026gt;\\u003c/code\\u003e\\u0026nbsp;中加入以下元标签：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;meta property=\\\"og:title\\\" content=\\\"Nama Kamu — Semua Tautan di Satu Tempat\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:description\\\" content=\\\"Ikuti karya dan update terbaru saya di sini.\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:image\\\" content=\\\"https://ho.link/nama/preview.jpg\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:type\\\" content=\\\"profile\\\"\\u0026gt;\\n\\u0026lt;meta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\"\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e降低表现的常见错误\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e这些常见小问题经常被忽视，但影响却很明显：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e链接过多，导致访客难以下定决心选择。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e图片过大，使页面在移动网络下加载变慢。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e链接文案含糊，未说明其用途。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e没有追踪，所以不清楚哪些做法有效。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003e注意：\\u003c/strong\\u003e\\u0026nbsp;页面加载慢会让你受双重伤害——访客在内容显示前就会离开，\\u003cem\\u003e搜索引擎\\u003c/em\\u003e\\u0026nbsp;也会将用户体验评为更低。\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e立即开始优化\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e不需要一次性重构所有内容。先从标题和链接顺序开始——这两项高影响、低工作量的调整做起——再测量结果。持续的小步迭代将在几个月后带来显著变化。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003e创建你的页面\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003e了解更多\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003e本文用于测试 WordPress 上的编辑内容展示。如果所有部分都显示得井然有序、阅读舒适，那么你的主题就已经准备好承载正式内容。\\u003c/em\\u003e\\u003c/p\\u003e\",\"text\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003elink-in-bio 页面常常是你与受众之间的\\u0026nbsp;\\u003cstrong\\u003e首个接触点\\u003c/strong\\u003e\\u0026nbsp;——这是 Instagram 或 TikTok 简介中的一个 URL，承载所有重要链接。遗憾的是，许多人让它只是一个普通的链接列表。实际上，只要排版得当，这个页面可以成为一个 24 小时持续运作的小型转化引擎。本文汇总了如何构建它，让其\\u0026nbsp;\\u003cem\\u003e更能吸引点击\\u003c/em\\u003e\\u0026nbsp;并同时对搜索引擎友好。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioheader/1200/500\\\" alt=\\\"手机屏幕上整齐排列多条链接的 link-in-bio 页面示例\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003e一个简介中的链接，多个目标——只要排版得当。\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e为何值得优化这个页面\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e每一秒受众犹豫选择哪个链接，你就会失去一次机会。明确把注意力引向最重要动作的页面，往往优于无序的链接列表。更有意思的是，只要结构正确，link-in-bio 页面也可以被\\u0026nbsp;\\u003cmark\\u003e搜索引擎索引\\u003c/mark\\u003e\\u0026nbsp;，这意味着除社交媒体外，还可能获得自然流量。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e最好的页面不是包含最多链接的页面，而是最能帮助访客最快找到他们想要内容的页面。——以转化为导向的设计原则\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e高效页面的结构\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e有三个核心组件决定访客是留下还是立刻离开。我们逐一来聊。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e1. 清晰的个人资料照片和标题\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/bioprofile/400/300\\\" alt=\\\"link-in-bio 页面中个人资料照片和标题区域示例\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e在前两秒内，访客应当知道\\u0026nbsp;\\u003cstrong\\u003e你是谁\\u003c/strong\\u003e\\u0026nbsp;以及\\u0026nbsp;\\u003cstrong\\u003e他们可以获得什么\\u003c/strong\\u003e。使用高分辨率的个人资料照片，并使用一句简短、明确传达价值的标题，而不仅仅是名字。避免使用泛泛句式，直接说明具体好处。访客越快觉得“这和我相关”，他们继续深入浏览你的链接的可能性就越高。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e2. 按优先级排列链接\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e将最重要的链接放在最上方。以下是经过验证的做法：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e限制主要链接数量，避免选项过多让访客无法决定。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e使用行动导向的标签（“立即预订”）而非被动标签（“网站”）。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将同类链接归为一组，并在组间添加视觉分隔。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e添加平台图标，让访客一眼识别链接用途。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003e3. 突出的行动号召（CTA）\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e一个核心动作应最为突出——可通过不同的颜色、尺寸或位置来体现。不要让所有按钮看起来同等重要，否则任何内容都不会突出。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003e提示：\\u003c/strong\\u003e\\u0026nbsp;在几周内测试两个标题或链接顺序版本，然后比较哪个版本产生更多点击。基于数据的决策胜过猜测。\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e按影响力确定元素优先级\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e并非所有改动都同等重要。下表有助于决定先做什么。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e要素\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e点击影响\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e工作量\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优先级\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e清晰标题\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e链接顺序\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e先做\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e突出 CTA 按钮\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e后续\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e优化加载速度\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e高\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e计划中\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e图标与插图\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e低\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e中\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003e可选\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e正确设置追踪\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e没有测量的优化是盲目的。为链接添加 UTM 参数，以便知道点击来自哪里。比如，与其使用普通 URL，不如使用如下格式：\\u003ccode\\u003ehttps://ho.link/nama?utm_source=instagram\\u0026amp;utm_medium=bio\\u0026amp;utm_campaign=peluncuran\\u003c/code\\u003e。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e准备步骤很简短：\\u003c/p\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e为所有渠道定义统一的 UTM 命名规则。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e将这些参数应用到每个重要链接。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e确保页面包含 Open Graph 标签，让分享预览更整洁。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e每周查看报告并比较各来源的表现。\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e为让链接分享时的预览更具吸引力，请在\\u0026nbsp;\\u003ccode\\u003e\\u0026lt;head\\u0026gt;\\u003c/code\\u003e\\u0026nbsp;中加入以下元标签：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;meta property=\\\"og:title\\\" content=\\\"Nama Kamu — Semua Tautan di Satu Tempat\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:description\\\" content=\\\"Ikuti karya dan update terbaru saya di sini.\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:image\\\" content=\\\"https://ho.link/nama/preview.jpg\\\"\\u0026gt;\\n\\u0026lt;meta property=\\\"og:type\\\" content=\\\"profile\\\"\\u0026gt;\\n\\u0026lt;meta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\"\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e降低表现的常见错误\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e这些常见小问题经常被忽视，但影响却很明显：\\u003c/p\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003e链接过多，导致访客难以下定决心选择。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e图片过大，使页面在移动网络下加载变慢。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e链接文案含糊，未说明其用途。\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003e没有追踪，所以不清楚哪些做法有效。\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003e注意：\\u003c/strong\\u003e\\u0026nbsp;页面加载慢会让你受双重伤害——访客在内容显示前就会离开，\\u003cem\\u003e搜索引擎\\u003c/em\\u003e\\u0026nbsp;也会将用户体验评为更低。\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e立即开始优化\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e不需要一次性重构所有内容。先从标题和链接顺序开始——这两项高影响、低工作量的调整做起——再测量结果。持续的小步迭代将在几个月后带来显著变化。\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003e创建你的页面\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003e了解更多\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003e本文用于测试 WordPress 上的编辑内容展示。如果所有部分都显示得井然有序、阅读舒适，那么你的主题就已经准备好承载正式内容。\\u003c/em\\u003e\\u003c/p\\u003e\"}}],\"version\":\"2.30.0\"}","readonly_content","cms_bridge",37,"1",1783678757,162,1783684283,[],{"code":4,"message":5,"timestamp":6,"data":96,"success":7},{"userId":92,"nickname":85,"avatar":55,"bio":5,"socialLinks":97,"blogPostCount":29,"helpCenterCount":16},[],{"code":4,"message":5,"timestamp":6,"data":99,"success":7},{"records":100,"total":122,"size":29,"current":11,"orders":123,"searchCount":7,"pages":124},[101,102,111],{"id":46,"author":85,"title":49,"content":86,"classTypeId":89,"classTypeName":90,"publishTime":91,"coverImg":5,"coverImgAlt":5,"pageTitle":5,"slug":5,"permalink":51,"authorAvatar":55,"authorBio":5,"createBy":92,"updateDate":93},{"id":103,"author":85,"title":104,"content":105,"classTypeId":89,"classTypeName":90,"publishTime":106,"coverImg":107,"coverImgAlt":108,"pageTitle":5,"slug":5,"permalink":109,"authorAvatar":55,"authorBio":5,"createBy":92,"updateDate":110},"2074751208654704640","ChineseArtikel Uji Coba WordPress: Semua Elemen dalam Satu Halaman","{\"time\":1783505958413,\"blocks\":[{\"id\":\"c06b504755\",\"type\":\"raw\",\"data\":{\"fallbackHtml\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eArtikel ini sengaja disusun sebagai\\u0026nbsp;\\u003cstrong\\u003euji render menyeluruh\\u003c/strong\\u003e\\u0026nbsp;(kitchen sink) untuk memastikan theme WordPress yang baru dipasang menampilkan setiap elemen dengan benar — mulai dari hierarki heading, format teks, gambar, tabel, sampai\\u0026nbsp;\\u003cem\\u003ecode block\\u003c/em\\u003e. Baca dari atas ke bawah dan perhatikan apakah ada elemen yang tampil aneh, terpotong, atau kehilangan styling.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGunakan artikel ini setiap kali kamu ganti theme, update versi, atau mengaktifkan plugin baru supaya bisa cepat mendeteksi masalah rendering sebelum konten asli dipublikasikan.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e1. Hierarki Heading (H1–H6)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eSetiap level heading harus punya ukuran dan jarak yang jelas berbeda. Untuk SEO, pastikan hanya ada\\u0026nbsp;\\u003cstrong\\u003esatu H1\\u003c/strong\\u003e\\u0026nbsp;per halaman dan urutannya tidak melompat (jangan H2 langsung ke H4).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 3\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H3 untuk mengecek spacing.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch4 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 4\\u003c/h4\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H4.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch5 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 5\\u003c/h5\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H5.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch6 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 6\\u003c/h6\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H6.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e2. Format Teks Inline\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf ini menguji berbagai format: teks\\u0026nbsp;\\u003cstrong\\u003etebal (bold)\\u003c/strong\\u003e, teks\\u0026nbsp;\\u003cem\\u003emiring (italic)\\u003c/em\\u003e, teks\\u0026nbsp;bergaris bawah, teks\\u0026nbsp;\\u003cdel\\u003edicoret (strikethrough)\\u003c/del\\u003e, dan teks\\u0026nbsp;\\u003cmark\\u003editandai (highlight)\\u003c/mark\\u003e. Ada juga\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;di tengah kalimat, rumus air H\\u003csub\\u003e2\\u003c/sub\\u003eO dengan subscript, notasi x\\u003csup\\u003e2\\u003c/sup\\u003e\\u0026nbsp;dengan superscript, serta sebuah\\u0026nbsp;\\u003ca href=\\\"https://ho.link\\\" target=\\\"_blank\\\" rel=\\\"noreferrer noopener\\\"\\u003etautan eksternal\\u003c/a\\u003e\\u0026nbsp;dan\\u0026nbsp;\\u003ca href=\\\"#2-format-teks-inline\\\"\\u003etautan internal (anchor)\\u003c/a\\u003e. Perhatikan apakah setiap format terbedakan dengan jelas secara visual.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf kedua yang lebih panjang untuk menguji\\u0026nbsp;\\u003cem\\u003eline-height\\u003c/em\\u003e\\u0026nbsp;dan kenyamanan baca pada blok teks berukuran sedang. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat, sapien nec porttitor luctus, augue lorem tincidunt nisl, vitae ultrices arcu velit non massa. Curabitur vitae nunc sed velit dignissim sodales. Pastikan spasi antar baris nyaman dan tidak terlalu rapat maupun terlalu renggang di layar desktop dan mobile.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e3. Gambar \\u0026amp; Alignment\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eBagian ini menguji gambar responsif, teks alternatif (\\u003ccode\\u003ealt\\u003c/code\\u003e), caption, serta alignment ala WordPress (\\u003ccode\\u003ealignleft\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealigncenter\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealignright\\u003c/code\\u003e).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Lebar (Featured)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkfeatured/1200/500\\\" alt=\\\"Ilustrasi lanskap lebar untuk menguji gambar featured di WordPress\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eGambar featured lebar — cek apakah menskala penuh dan tetap tajam.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Kiri dengan Teks Membungkus\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkleft/400/300\\\" alt=\\\"Gambar kecil rata kiri untuk menguji pembungkusan teks\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks ini harus membungkus di sisi kanan gambar yang di-align kiri. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Perhatikan apakah jarak antara gambar dan teks cukup dan teks tidak menempel ke gambar.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Tengah dengan Caption\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkcenter/800/450\\\" alt=\\\"Gambar rata tengah dengan keterangan gambar\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eIni adalah caption gambar — biasanya tampil di bawah dengan font lebih kecil.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGaleri (Beberapa Gambar)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal1/400/400\\\" alt=\\\"Gambar galeri pertama\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal2/400/400\\\" alt=\\\"Gambar galeri kedua\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal3/400/400\\\" alt=\\\"Gambar galeri ketiga\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal4/400/400\\\" alt=\\\"Gambar galeri keempat\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal5/400/400\\\" alt=\\\"Gambar galeri kelima\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal6/400/400\\\" alt=\\\"Gambar galeri keenam\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e4. Daftar / List\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eUnordered List (dengan sub-list)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eItem level satu pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu kedua\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-item A\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-item B\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-sub-item i\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-sub-item ii\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu ketiga\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eOrdered List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eLangkah pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah kedua\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-langkah 2.1\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-langkah 2.2\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah ketiga\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eDefinition List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCrawl BudgetJumlah halaman yang bersedia di-crawl mesin pencari dalam kurun waktu tertentu.Canonical URLURL versi utama yang ditunjuk untuk menghindari konten duplikat.IndexNowProtokol push indexing untuk memberi tahu mesin pencari saat ada perubahan URL.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e5. Tabel Data\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTabel menguji border, header, baris zebra, footer total, dan perataan angka. Cek juga apakah tabel bisa di-scroll atau menyesuaikan di layar mobile (tidak memaksa halaman melebar).\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHalaman\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eSesi\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eBounce Rate\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eKonversi\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBeranda\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e12.480\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e38,2%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e214\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBlog\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e8.930\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e51,7%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e96\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHarga\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e4.205\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e29,4%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e312\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eKontak\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e1.870\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e44,1%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e58\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003ctfoot\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eTotal\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e27.485\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e—\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e680\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tfoot\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e6. Kutipan (Blockquote \\u0026amp; Pull Quote)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eKonten yang baik bukan yang paling panjang, melainkan yang paling relevan dengan maksud pencarian pengguna. Struktur yang rapi membantu mesin pencari dan pembaca sekaligus.— Kutipan uji coba\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u0026#8220;Uji setiap elemen sebelum publikasi — bukan sesudah.\\u0026#8221;\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e7. Code Block\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eMenguji\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;dan blok kode dengan\\u0026nbsp;\\u003cem\\u003ehorizontal scroll\\u003c/em\\u003e\\u0026nbsp;untuk baris panjang. Berikut contoh schema JSON-LD Article yang relevan untuk SEO:\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;script type=\\\"application/ld+json\\\"\\u0026gt;\\n{\\n  \\\"@context\\\": \\\"https://schema.org\\\",\\n  \\\"@type\\\": \\\"Article\\\",\\n  \\\"headline\\\": \\\"Artikel Uji Coba WordPress\\\",\\n  \\\"author\\\": { \\\"@type\\\": \\\"Person\\\", \\\"name\\\": \\\"Ivan Ronaldo\\\" },\\n  \\\"datePublished\\\": \\\"2026-07-08\\\",\\n  \\\"publisher\\\": {\\n    \\\"@type\\\": \\\"Organization\\\",\\n    \\\"name\\\": \\\"HoLink\\\",\\n    \\\"logo\\\": { \\\"@type\\\": \\\"ImageObject\\\", \\\"url\\\": \\\"https://ho.link/logo.png\\\" }\\n  },\\n  \\\"mainEntityOfPage\\\": \\\"https://ho.link/blog/uji-coba-wordpress\\\"\\n}\\n\\u0026lt;/script\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e8. Elemen Lain\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eHorizontal Rule\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGaris pemisah di bawah ini menandai pergantian bagian.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eTombol / CTA\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCatatan: tombol butuh dukungan class dari theme/plugin. Jika di WordPress tampil sebagai teks link biasa, berarti theme belum menata class tersebut.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003eTombol Utama\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003eTombol Sekunder\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKotak Notifikasi (Callout)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003eInfo:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak informasi. Berguna untuk tip atau catatan penting di dalam artikel.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003ePeringatan:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak peringatan untuk hal yang perlu diperhatikan pembaca.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKarakter Spesial \\u0026amp; Emoji\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eUji encoding UTF-8: hak cipta ©, terdaftar ®, merek dagang ™, panah → ← ↑ ↓, em-dash —, tanda kutip \\u0026#8220;pintar\\u0026#8221; dan \\u0026#8216;tunggal\\u0026#8217;, huruf beraksen: café, piñata, naïve, Zürich, Malmö. Emoji: 🚀 ✅ 📊 🔍 💡 🇮🇩. Semua harus tampil utuh tanpa jadi kotak atau tanda tanya.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003eSelesai. Jika seluruh bagian di atas tampil rapi dan konsisten, theme WordPress kamu siap dipakai. Jika ada yang bermasalah, catat bagian nomor berapa untuk ditindaklanjuti.\\u003c/em\\u003e\\u003c/p\\u003e\",\"fallbackText\":\"Artikel ini sengaja disusun sebagai uji render menyeluruh (kitchen sink) untuk memastikan theme WordPress yang baru dipasang menampilkan setiap elemen dengan benar — mulai dari hierarki heading, format teks, gambar, tabel, sampai code block. Baca dari atas ke bawah dan perhatikan apakah ada elemen yang tampil aneh, terpotong, atau kehilangan styling.\\nGunakan artikel ini setiap kali kamu ganti theme, update versi, atau mengaktifkan plugin baru supaya bisa cepat mendeteksi masalah rendering sebelum konten asli dipublikasikan.\\n1. Hierarki Heading (H1–H6)\\nSetiap level heading harus punya ukuran dan jarak yang jelas berbeda. Untuk SEO, pastikan hanya ada satu H1 per halaman dan urutannya tidak melompat (jangan H2 langsung ke H4).\\nIni Heading Level 3\\nTeks di bawah H3 untuk mengecek spacing.\\nIni Heading Level 4\\nTeks di bawah H4.\\nIni Heading Level 5\\nTeks di bawah H5.\\nIni Heading Level 6\\nTeks di bawah H6.\\n2. Format Teks Inline\\nParagraf ini menguji berbagai format: teks tebal (bold), teks miring (italic), teks bergaris bawah, teks dicoret (strikethrough), dan teks ditandai (highlight). Ada juga inline code di tengah kalimat, rumus air H2O dengan subscript, notasi x2 dengan superscript, serta sebuah tautan eksternal dan tautan internal (anchor). Perhatikan apakah setiap format terbedakan dengan jelas secara visual.\\nParagraf kedua yang lebih panjang untuk menguji line-height dan kenyamanan baca pada blok teks berukuran sedang. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat, sapien nec porttitor luctus, augue lorem tincidunt nisl, vitae ultrices arcu velit non massa. Curabitur vitae nunc sed velit dignissim sodales. Pastikan spasi antar baris nyaman dan tidak terlalu rapat maupun terlalu renggang di layar desktop dan mobile.\\n3. Gambar \\u0026 Alignment\\nBagian ini menguji gambar responsif, teks alternatif (alt), caption, serta alignment ala WordPress (alignleft, aligncenter, alignright).\\nGambar Lebar (Featured)\\nGambar featured lebar — cek apakah menskala penuh dan tetap tajam.\\nGambar Rata Kiri dengan Teks Membungkus\\nTeks ini harus membungkus di sisi kanan gambar yang di-align kiri. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Perhatikan apakah jarak antara gambar dan teks cukup dan teks tidak menempel ke gambar.\\nGambar Rata Tengah dengan Caption\\nIni adalah caption gambar — biasanya tampil di bawah dengan font lebih kecil.\\nGaleri (Beberapa Gambar)\\n4. Daftar / List\\nUnordered List (dengan sub-list)\\nItem level satu pertama\\nItem level satu kedua\\nSub-item A\\nSub-item B\\nSub-sub-item i\\nSub-sub-item ii\\nItem level satu ketiga\\nOrdered List\\nLangkah pertama\\nLangkah kedua\\nSub-langkah 2.1\\nSub-langkah 2.2\\nLangkah ketiga\\nDefinition List\\nCrawl BudgetJumlah halaman yang bersedia di-crawl mesin pencari dalam kurun waktu tertentu.Canonical URLURL versi utama yang ditunjuk untuk menghindari konten duplikat.IndexNowProtokol push indexing untuk memberi tahu mesin pencari saat ada perubahan URL.\\n5. Tabel Data\\nTabel menguji border, header, baris zebra, footer total, dan perataan angka. Cek juga apakah tabel bisa di-scroll atau menyesuaikan di layar mobile (tidak memaksa halaman melebar).\\nHalaman | Sesi | Bounce Rate | Konversi | \\nBeranda | 12.480 | 38,2% | 214 | \\nBlog | 8.930 | 51,7% | 96 | \\nHarga | 4.205 | 29,4% | 312 | \\nKontak | 1.870 | 44,1% | 58 | \\nTotal | 27.485 | — | 680 | \\n6. Kutipan (Blockquote \\u0026 Pull Quote)\\nKonten yang baik bukan yang paling panjang, melainkan yang paling relevan dengan maksud pencarian pengguna. Struktur yang rapi membantu mesin pencari dan pembaca sekaligus.— Kutipan uji coba\\n“Uji setiap elemen sebelum publikasi — bukan sesudah.”\\n7. Code Block\\nMenguji inline code dan blok kode dengan horizontal scroll untuk baris panjang. Berikut contoh schema JSON-LD Article yang relevan untuk SEO:\\n\\u003cscript type=\\\"application/ld+json\\\"\\u003e\\n{\\n\\\"@context\\\": \\\"https://schema.org\\\",\\n\\\"@type\\\": \\\"Article\\\",\\n\\\"headline\\\": \\\"Artikel Uji Coba WordPress\\\",\\n\\\"author\\\": { \\\"@type\\\": \\\"Person\\\", \\\"name\\\": \\\"Ivan Ronaldo\\\" },\\n\\\"datePublished\\\": \\\"2026-07-08\\\",\\n\\\"publisher\\\": {\\n\\\"@type\\\": \\\"Organization\\\",\\n\\\"name\\\": \\\"HoLink\\\",\\n\\\"logo\\\": { \\\"@type\\\": \\\"ImageObject\\\", \\\"url\\\": \\\"https://ho.link/logo.png\\\" }\\n},\\n\\\"mainEntityOfPage\\\": \\\"https://ho.link/blog/uji-coba-wordpress\\\"\\n}\\n\\u003c/script\\u003e\\n8. Elemen Lain\\nHorizontal Rule\\nGaris pemisah di bawah ini menandai pergantian bagian.\\nTombol / CTA\\nCatatan: tombol butuh dukungan class dari theme/plugin. Jika di WordPress tampil sebagai teks link biasa, berarti theme belum menata class tersebut.\\nTombol Utama Tombol Sekunder\\nKotak Notifikasi (Callout)\\n✅ Info: Ini kotak informasi. Berguna untuk tip atau catatan penting di dalam artikel.\\n⚠️ Peringatan: Ini kotak peringatan untuk hal yang perlu diperhatikan pembaca.\\nKarakter Spesial \\u0026 Emoji\\nUji encoding UTF-8: hak cipta ©, terdaftar ®, merek dagang ™, panah → ← ↑ ↓, em-dash —, tanda kutip “pintar” dan ‘tunggal’, huruf beraksen: café, piñata, naïve, Zürich, Malmö. Emoji: 🚀 ✅ 📊 🔍 💡 🇮🇩. Semua harus tampil utuh tanpa jadi kotak atau tanda tanya.\\nSelesai. Jika seluruh bagian di atas tampil rapi dan konsisten, theme WordPress kamu siap dipakai. Jika ada yang bermasalah, catat bagian nomor berapa untuk ditindaklanjuti.\",\"html\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eArtikel ini sengaja disusun sebagai\\u0026nbsp;\\u003cstrong\\u003euji render menyeluruh\\u003c/strong\\u003e\\u0026nbsp;(kitchen sink) untuk memastikan theme WordPress yang baru dipasang menampilkan setiap elemen dengan benar — mulai dari hierarki heading, format teks, gambar, tabel, sampai\\u0026nbsp;\\u003cem\\u003ecode block\\u003c/em\\u003e. Baca dari atas ke bawah dan perhatikan apakah ada elemen yang tampil aneh, terpotong, atau kehilangan styling.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGunakan artikel ini setiap kali kamu ganti theme, update versi, atau mengaktifkan plugin baru supaya bisa cepat mendeteksi masalah rendering sebelum konten asli dipublikasikan.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e1. Hierarki Heading (H1–H6)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eSetiap level heading harus punya ukuran dan jarak yang jelas berbeda. Untuk SEO, pastikan hanya ada\\u0026nbsp;\\u003cstrong\\u003esatu H1\\u003c/strong\\u003e\\u0026nbsp;per halaman dan urutannya tidak melompat (jangan H2 langsung ke H4).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 3\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H3 untuk mengecek spacing.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch4 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 4\\u003c/h4\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H4.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch5 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 5\\u003c/h5\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H5.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch6 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 6\\u003c/h6\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H6.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e2. Format Teks Inline\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf ini menguji berbagai format: teks\\u0026nbsp;\\u003cstrong\\u003etebal (bold)\\u003c/strong\\u003e, teks\\u0026nbsp;\\u003cem\\u003emiring (italic)\\u003c/em\\u003e, teks\\u0026nbsp;bergaris bawah, teks\\u0026nbsp;\\u003cdel\\u003edicoret (strikethrough)\\u003c/del\\u003e, dan teks\\u0026nbsp;\\u003cmark\\u003editandai (highlight)\\u003c/mark\\u003e. Ada juga\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;di tengah kalimat, rumus air H\\u003csub\\u003e2\\u003c/sub\\u003eO dengan subscript, notasi x\\u003csup\\u003e2\\u003c/sup\\u003e\\u0026nbsp;dengan superscript, serta sebuah\\u0026nbsp;\\u003ca href=\\\"https://ho.link\\\" target=\\\"_blank\\\" rel=\\\"noreferrer noopener\\\"\\u003etautan eksternal\\u003c/a\\u003e\\u0026nbsp;dan\\u0026nbsp;\\u003ca href=\\\"#2-format-teks-inline\\\"\\u003etautan internal (anchor)\\u003c/a\\u003e. Perhatikan apakah setiap format terbedakan dengan jelas secara visual.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf kedua yang lebih panjang untuk menguji\\u0026nbsp;\\u003cem\\u003eline-height\\u003c/em\\u003e\\u0026nbsp;dan kenyamanan baca pada blok teks berukuran sedang. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat, sapien nec porttitor luctus, augue lorem tincidunt nisl, vitae ultrices arcu velit non massa. Curabitur vitae nunc sed velit dignissim sodales. Pastikan spasi antar baris nyaman dan tidak terlalu rapat maupun terlalu renggang di layar desktop dan mobile.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e3. Gambar \\u0026amp; Alignment\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eBagian ini menguji gambar responsif, teks alternatif (\\u003ccode\\u003ealt\\u003c/code\\u003e), caption, serta alignment ala WordPress (\\u003ccode\\u003ealignleft\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealigncenter\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealignright\\u003c/code\\u003e).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Lebar (Featured)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkfeatured/1200/500\\\" alt=\\\"Ilustrasi lanskap lebar untuk menguji gambar featured di WordPress\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eGambar featured lebar — cek apakah menskala penuh dan tetap tajam.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Kiri dengan Teks Membungkus\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkleft/400/300\\\" alt=\\\"Gambar kecil rata kiri untuk menguji pembungkusan teks\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks ini harus membungkus di sisi kanan gambar yang di-align kiri. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Perhatikan apakah jarak antara gambar dan teks cukup dan teks tidak menempel ke gambar.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Tengah dengan Caption\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkcenter/800/450\\\" alt=\\\"Gambar rata tengah dengan keterangan gambar\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eIni adalah caption gambar — biasanya tampil di bawah dengan font lebih kecil.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGaleri (Beberapa Gambar)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal1/400/400\\\" alt=\\\"Gambar galeri pertama\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal2/400/400\\\" alt=\\\"Gambar galeri kedua\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal3/400/400\\\" alt=\\\"Gambar galeri ketiga\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal4/400/400\\\" alt=\\\"Gambar galeri keempat\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal5/400/400\\\" alt=\\\"Gambar galeri kelima\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal6/400/400\\\" alt=\\\"Gambar galeri keenam\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e4. Daftar / List\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eUnordered List (dengan sub-list)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eItem level satu pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu kedua\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-item A\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-item B\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-sub-item i\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-sub-item ii\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu ketiga\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eOrdered List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eLangkah pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah kedua\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-langkah 2.1\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-langkah 2.2\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah ketiga\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eDefinition List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCrawl BudgetJumlah halaman yang bersedia di-crawl mesin pencari dalam kurun waktu tertentu.Canonical URLURL versi utama yang ditunjuk untuk menghindari konten duplikat.IndexNowProtokol push indexing untuk memberi tahu mesin pencari saat ada perubahan URL.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e5. Tabel Data\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTabel menguji border, header, baris zebra, footer total, dan perataan angka. Cek juga apakah tabel bisa di-scroll atau menyesuaikan di layar mobile (tidak memaksa halaman melebar).\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHalaman\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eSesi\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eBounce Rate\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eKonversi\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBeranda\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e12.480\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e38,2%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e214\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBlog\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e8.930\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e51,7%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e96\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHarga\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e4.205\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e29,4%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e312\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eKontak\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e1.870\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e44,1%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e58\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003ctfoot\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eTotal\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e27.485\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e—\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e680\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tfoot\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e6. Kutipan (Blockquote \\u0026amp; Pull Quote)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eKonten yang baik bukan yang paling panjang, melainkan yang paling relevan dengan maksud pencarian pengguna. Struktur yang rapi membantu mesin pencari dan pembaca sekaligus.— Kutipan uji coba\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u0026#8220;Uji setiap elemen sebelum publikasi — bukan sesudah.\\u0026#8221;\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e7. Code Block\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eMenguji\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;dan blok kode dengan\\u0026nbsp;\\u003cem\\u003ehorizontal scroll\\u003c/em\\u003e\\u0026nbsp;untuk baris panjang. Berikut contoh schema JSON-LD Article yang relevan untuk SEO:\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;script type=\\\"application/ld+json\\\"\\u0026gt;\\n{\\n  \\\"@context\\\": \\\"https://schema.org\\\",\\n  \\\"@type\\\": \\\"Article\\\",\\n  \\\"headline\\\": \\\"Artikel Uji Coba WordPress\\\",\\n  \\\"author\\\": { \\\"@type\\\": \\\"Person\\\", \\\"name\\\": \\\"Ivan Ronaldo\\\" },\\n  \\\"datePublished\\\": \\\"2026-07-08\\\",\\n  \\\"publisher\\\": {\\n    \\\"@type\\\": \\\"Organization\\\",\\n    \\\"name\\\": \\\"HoLink\\\",\\n    \\\"logo\\\": { \\\"@type\\\": \\\"ImageObject\\\", \\\"url\\\": \\\"https://ho.link/logo.png\\\" }\\n  },\\n  \\\"mainEntityOfPage\\\": \\\"https://ho.link/blog/uji-coba-wordpress\\\"\\n}\\n\\u0026lt;/script\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e8. Elemen Lain\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eHorizontal Rule\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGaris pemisah di bawah ini menandai pergantian bagian.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eTombol / CTA\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCatatan: tombol butuh dukungan class dari theme/plugin. Jika di WordPress tampil sebagai teks link biasa, berarti theme belum menata class tersebut.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003eTombol Utama\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003eTombol Sekunder\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKotak Notifikasi (Callout)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003eInfo:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak informasi. Berguna untuk tip atau catatan penting di dalam artikel.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003ePeringatan:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak peringatan untuk hal yang perlu diperhatikan pembaca.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKarakter Spesial \\u0026amp; Emoji\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eUji encoding UTF-8: hak cipta ©, terdaftar ®, merek dagang ™, panah → ← ↑ ↓, em-dash —, tanda kutip \\u0026#8220;pintar\\u0026#8221; dan \\u0026#8216;tunggal\\u0026#8217;, huruf beraksen: café, piñata, naïve, Zürich, Malmö. Emoji: 🚀 ✅ 📊 🔍 💡 🇮🇩. Semua harus tampil utuh tanpa jadi kotak atau tanda tanya.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003eSelesai. Jika seluruh bagian di atas tampil rapi dan konsisten, theme WordPress kamu siap dipakai. Jika ada yang bermasalah, catat bagian nomor berapa untuk ditindaklanjuti.\\u003c/em\\u003e\\u003c/p\\u003e\",\"text\":\"\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eArtikel ini sengaja disusun sebagai\\u0026nbsp;\\u003cstrong\\u003euji render menyeluruh\\u003c/strong\\u003e\\u0026nbsp;(kitchen sink) untuk memastikan theme WordPress yang baru dipasang menampilkan setiap elemen dengan benar — mulai dari hierarki heading, format teks, gambar, tabel, sampai\\u0026nbsp;\\u003cem\\u003ecode block\\u003c/em\\u003e. Baca dari atas ke bawah dan perhatikan apakah ada elemen yang tampil aneh, terpotong, atau kehilangan styling.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGunakan artikel ini setiap kali kamu ganti theme, update versi, atau mengaktifkan plugin baru supaya bisa cepat mendeteksi masalah rendering sebelum konten asli dipublikasikan.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e1. Hierarki Heading (H1–H6)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eSetiap level heading harus punya ukuran dan jarak yang jelas berbeda. Untuk SEO, pastikan hanya ada\\u0026nbsp;\\u003cstrong\\u003esatu H1\\u003c/strong\\u003e\\u0026nbsp;per halaman dan urutannya tidak melompat (jangan H2 langsung ke H4).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 3\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H3 untuk mengecek spacing.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch4 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 4\\u003c/h4\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H4.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch5 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 5\\u003c/h5\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H5.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch6 class=\\\"wp-block-heading\\\"\\u003eIni Heading Level 6\\u003c/h6\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks di bawah H6.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e2. Format Teks Inline\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf ini menguji berbagai format: teks\\u0026nbsp;\\u003cstrong\\u003etebal (bold)\\u003c/strong\\u003e, teks\\u0026nbsp;\\u003cem\\u003emiring (italic)\\u003c/em\\u003e, teks\\u0026nbsp;bergaris bawah, teks\\u0026nbsp;\\u003cdel\\u003edicoret (strikethrough)\\u003c/del\\u003e, dan teks\\u0026nbsp;\\u003cmark\\u003editandai (highlight)\\u003c/mark\\u003e. Ada juga\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;di tengah kalimat, rumus air H\\u003csub\\u003e2\\u003c/sub\\u003eO dengan subscript, notasi x\\u003csup\\u003e2\\u003c/sup\\u003e\\u0026nbsp;dengan superscript, serta sebuah\\u0026nbsp;\\u003ca href=\\\"https://ho.link\\\" target=\\\"_blank\\\" rel=\\\"noreferrer noopener\\\"\\u003etautan eksternal\\u003c/a\\u003e\\u0026nbsp;dan\\u0026nbsp;\\u003ca href=\\\"#2-format-teks-inline\\\"\\u003etautan internal (anchor)\\u003c/a\\u003e. Perhatikan apakah setiap format terbedakan dengan jelas secara visual.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eParagraf kedua yang lebih panjang untuk menguji\\u0026nbsp;\\u003cem\\u003eline-height\\u003c/em\\u003e\\u0026nbsp;dan kenyamanan baca pada blok teks berukuran sedang. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat, sapien nec porttitor luctus, augue lorem tincidunt nisl, vitae ultrices arcu velit non massa. Curabitur vitae nunc sed velit dignissim sodales. Pastikan spasi antar baris nyaman dan tidak terlalu rapat maupun terlalu renggang di layar desktop dan mobile.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e3. Gambar \\u0026amp; Alignment\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eBagian ini menguji gambar responsif, teks alternatif (\\u003ccode\\u003ealt\\u003c/code\\u003e), caption, serta alignment ala WordPress (\\u003ccode\\u003ealignleft\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealigncenter\\u003c/code\\u003e,\\u0026nbsp;\\u003ccode\\u003ealignright\\u003c/code\\u003e).\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Lebar (Featured)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkfeatured/1200/500\\\" alt=\\\"Ilustrasi lanskap lebar untuk menguji gambar featured di WordPress\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eGambar featured lebar — cek apakah menskala penuh dan tetap tajam.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Kiri dengan Teks Membungkus\\u003c/h3\\u003e\\n\\n\\n\\u003cdiv class=\\\"wp-block-image\\\"\\u003e\\n\\u003cfigure class=\\\"alignleft\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkleft/400/300\\\" alt=\\\"Gambar kecil rata kiri untuk menguji pembungkusan teks\\\"/\\u003e\\u003c/figure\\u003e\\n\\u003c/div\\u003e\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTeks ini harus membungkus di sisi kanan gambar yang di-align kiri. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Perhatikan apakah jarak antara gambar dan teks cukup dan teks tidak menempel ke gambar.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGambar Rata Tengah dengan Caption\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/holinkcenter/800/450\\\" alt=\\\"Gambar rata tengah dengan keterangan gambar\\\"/\\u003e\\u003cfigcaption class=\\\"wp-element-caption\\\"\\u003eIni adalah caption gambar — biasanya tampil di bawah dengan font lebih kecil.\\u003c/figcaption\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eGaleri (Beberapa Gambar)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal1/400/400\\\" alt=\\\"Gambar galeri pertama\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal2/400/400\\\" alt=\\\"Gambar galeri kedua\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal3/400/400\\\" alt=\\\"Gambar galeri ketiga\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal4/400/400\\\" alt=\\\"Gambar galeri keempat\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal5/400/400\\\" alt=\\\"Gambar galeri kelima\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-image\\\"\\u003e\\u003cimg decoding=\\\"async\\\" src=\\\"https://picsum.photos/seed/gal6/400/400\\\" alt=\\\"Gambar galeri keenam\\\"/\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e4. Daftar / List\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eUnordered List (dengan sub-list)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eItem level satu pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu kedua\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-item A\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-item B\\n\\u003cul class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-sub-item i\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-sub-item ii\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eItem level satu ketiga\\u003c/li\\u003e\\n\\u003c/ul\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eOrdered List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eLangkah pertama\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah kedua\\n\\u003col class=\\\"wp-block-list\\\"\\u003e\\n\\u003cli\\u003eSub-langkah 2.1\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eSub-langkah 2.2\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\u003c/li\\u003e\\n\\n\\n\\n\\u003cli\\u003eLangkah ketiga\\u003c/li\\u003e\\n\\u003c/ol\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eDefinition List\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCrawl BudgetJumlah halaman yang bersedia di-crawl mesin pencari dalam kurun waktu tertentu.Canonical URLURL versi utama yang ditunjuk untuk menghindari konten duplikat.IndexNowProtokol push indexing untuk memberi tahu mesin pencari saat ada perubahan URL.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e5. Tabel Data\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eTabel menguji border, header, baris zebra, footer total, dan perataan angka. Cek juga apakah tabel bisa di-scroll atau menyesuaikan di layar mobile (tidak memaksa halaman melebar).\\u003c/p\\u003e\\n\\n\\n\\n\\u003cfigure class=\\\"wp-block-table\\\"\\u003e\\u003ctable class=\\\"has-fixed-layout\\\"\\u003e\\u003cthead\\u003e\\u003ctr\\u003e\\u003cth class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHalaman\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eSesi\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eBounce Rate\\u003c/th\\u003e\\u003cth class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003eKonversi\\u003c/th\\u003e\\u003c/tr\\u003e\\u003c/thead\\u003e\\u003ctbody\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBeranda\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e12.480\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e38,2%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e214\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eBlog\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e8.930\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e51,7%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e96\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eHarga\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e4.205\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e29,4%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e312\\u003c/td\\u003e\\u003c/tr\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eKontak\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e1.870\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e44,1%\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e58\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tbody\\u003e\\u003ctfoot\\u003e\\u003ctr\\u003e\\u003ctd class=\\\"has-text-align-left\\\" data-align=\\\"left\\\"\\u003eTotal\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e27.485\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e—\\u003c/td\\u003e\\u003ctd class=\\\"has-text-align-right\\\" data-align=\\\"right\\\"\\u003e680\\u003c/td\\u003e\\u003c/tr\\u003e\\u003c/tfoot\\u003e\\u003c/table\\u003e\\u003c/figure\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e6. Kutipan (Blockquote \\u0026amp; Pull Quote)\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eKonten yang baik bukan yang paling panjang, melainkan yang paling relevan dengan maksud pencarian pengguna. Struktur yang rapi membantu mesin pencari dan pembaca sekaligus.— Kutipan uji coba\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003cblockquote class=\\\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\\\"\\u003e\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u0026#8220;Uji setiap elemen sebelum publikasi — bukan sesudah.\\u0026#8221;\\u003c/p\\u003e\\n\\u003c/blockquote\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e7. Code Block\\u003c/h2\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eMenguji\\u0026nbsp;\\u003ccode\\u003einline code\\u003c/code\\u003e\\u0026nbsp;dan blok kode dengan\\u0026nbsp;\\u003cem\\u003ehorizontal scroll\\u003c/em\\u003e\\u0026nbsp;untuk baris panjang. Berikut contoh schema JSON-LD Article yang relevan untuk SEO:\\u003c/p\\u003e\\n\\n\\n\\n\\u003cpre class=\\\"wp-block-code\\\"\\u003e\\u003ccode\\u003e\\u0026lt;script type=\\\"application/ld+json\\\"\\u0026gt;\\n{\\n  \\\"@context\\\": \\\"https://schema.org\\\",\\n  \\\"@type\\\": \\\"Article\\\",\\n  \\\"headline\\\": \\\"Artikel Uji Coba WordPress\\\",\\n  \\\"author\\\": { \\\"@type\\\": \\\"Person\\\", \\\"name\\\": \\\"Ivan Ronaldo\\\" },\\n  \\\"datePublished\\\": \\\"2026-07-08\\\",\\n  \\\"publisher\\\": {\\n    \\\"@type\\\": \\\"Organization\\\",\\n    \\\"name\\\": \\\"HoLink\\\",\\n    \\\"logo\\\": { \\\"@type\\\": \\\"ImageObject\\\", \\\"url\\\": \\\"https://ho.link/logo.png\\\" }\\n  },\\n  \\\"mainEntityOfPage\\\": \\\"https://ho.link/blog/uji-coba-wordpress\\\"\\n}\\n\\u0026lt;/script\\u0026gt;\\u003c/code\\u003e\\u003c/pre\\u003e\\n\\n\\n\\n\\u003ch2 class=\\\"wp-block-heading\\\"\\u003e8. Elemen Lain\\u003c/h2\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eHorizontal Rule\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eGaris pemisah di bawah ini menandai pergantian bagian.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eTombol / CTA\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eCatatan: tombol butuh dukungan class dari theme/plugin. Jika di WordPress tampil sebagai teks link biasa, berarti theme belum menata class tersebut.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003ca href=\\\"#\\\"\\u003eTombol Utama\\u003c/a\\u003e\\u0026nbsp;\\u003ca href=\\\"#\\\"\\u003eTombol Sekunder\\u003c/a\\u003e\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKotak Notifikasi (Callout)\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e✅\\u0026nbsp;\\u003cstrong\\u003eInfo:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak informasi. Berguna untuk tip atau catatan penting di dalam artikel.\\u003c/p\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e⚠️\\u0026nbsp;\\u003cstrong\\u003ePeringatan:\\u003c/strong\\u003e\\u0026nbsp;Ini kotak peringatan untuk hal yang perlu diperhatikan pembaca.\\u003c/p\\u003e\\n\\n\\n\\n\\u003ch3 class=\\\"wp-block-heading\\\"\\u003eKarakter Spesial \\u0026amp; Emoji\\u003c/h3\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003eUji encoding UTF-8: hak cipta ©, terdaftar ®, merek dagang ™, panah → ← ↑ ↓, em-dash —, tanda kutip \\u0026#8220;pintar\\u0026#8221; dan \\u0026#8216;tunggal\\u0026#8217;, huruf beraksen: café, piñata, naïve, Zürich, Malmö. Emoji: 🚀 ✅ 📊 🔍 💡 🇮🇩. Semua harus tampil utuh tanpa jadi kotak atau tanda tanya.\\u003c/p\\u003e\\n\\n\\n\\n\\u003chr class=\\\"wp-block-separator has-alpha-channel-opacity\\\"/\\u003e\\n\\n\\n\\n\\u003cp class=\\\"wp-block-paragraph\\\"\\u003e\\u003cem\\u003eSelesai. Jika seluruh bagian di atas tampil rapi dan konsisten, theme WordPress kamu siap dipakai. Jika ada yang bermasalah, catat bagian nomor berapa untuk ditindaklanjuti.\\u003c/em\\u003e\\u003c/p\\u003e\"}}],\"version\":\"2.30.0\"}",1783494209,"https://hl-file.8kds.com/admin/dc74d8e88a8545419542ab9710f18dd2.jpg","featuredimage","chineseartikel-uji-coba-wordpress-semua-elemen-dalam-satu-halaman",1783669818,{"id":112,"author":113,"title":114,"content":115,"classTypeId":116,"classTypeName":117,"publishTime":118,"coverImg":119,"coverImgAlt":5,"pageTitle":5,"slug":5,"permalink":112,"authorAvatar":55,"authorBio":5,"createBy":120,"updateDate":121},"2074424350564646912","chenhui","测试本地上传","{\"time\":1783594214503,\"blocks\":[{\"id\":\"-v2JxpHTHD\",\"type\":\"header\",\"data\":{\"text\":\"测试本地上传\",\"level\":1},\"tunes\":{\"alignmentTune\":{\"alignment\":\"left\"},\"headerNumberingTune\":{\"enabled\":false}}},{\"id\":\"DBxLrzXWOh\",\"type\":\"image\",\"data\":{\"file\":{\"url\":\"https://hl-file.8kds.com/admin/956f5578b9604839ab8f862708072eab.png\"},\"caption\":\"\",\"mediaLibrary\":{\"source\":\"mediaLibrary\",\"mediaId\":219,\"refKey\":\"1783593820856-7z3sftm1i7\",\"fieldKey\":\"content\",\"mediaType\":\"image\",\"url\":\"https://hl-file.8kds.com/admin/956f5578b9604839ab8f862708072eab.png\",\"coverUrl\":null,\"name\":\"juice\",\"fileName\":\"juice.png\",\"alt\":null,\"description\":null,\"displayText\":null,\"languages\":[{\"langCode\":\"id\",\"name\":\"juice\",\"alt\":\"juice-blog-id\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"zh_CN\",\"name\":\"juice\",\"alt\":\"juice-blog-zh\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"en\",\"name\":\"juice\",\"alt\":\"juice-blog-en\",\"description\":\"\",\"displayText\":\"\"}]}},\"tunes\":{\"alignmentTune\":{\"alignment\":\"left\"}}},{\"id\":\"3p2KK9t9KN\",\"type\":\"video\",\"data\":{\"url\":\"https://hl-file.8kds.com/admin/4a5e5e6e725c458aa62f0d62debd64ba.mp4\",\"name\":\"测试视频封面\",\"coverUrl\":\"https://hl-file.8kds.com/admin/fad9088b311d44fd8f400ea5dfbfad8e.jpg\",\"mediaLibrary\":{\"source\":\"mediaLibrary\",\"mediaId\":232,\"refKey\":\"1783482804483-8and9g3ntv\",\"fieldKey\":\"content\",\"mediaType\":\"video\",\"url\":\"https://hl-file.8kds.com/admin/4a5e5e6e725c458aa62f0d62debd64ba.mp4\",\"coverUrl\":\"https://hl-file.8kds.com/admin/fad9088b311d44fd8f400ea5dfbfad8e.jpg\",\"name\":\"测试视频封面\",\"fileName\":\"16300943_1920_1080_30fps.mp4\",\"alt\":\"\",\"description\":\"\",\"displayText\":\"\",\"languages\":[{\"langCode\":\"id\",\"name\":\"测试视频封面\",\"alt\":\"\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"zh_CN\",\"name\":\"16300943_1920_1080_30fps\",\"alt\":\"\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"en\",\"name\":\"16300943_1920_1080_30fps\",\"alt\":\"\",\"description\":\"\",\"displayText\":\"\"}]}},\"tunes\":{\"alignmentTune\":{\"alignment\":\"left\"}}},{\"id\":\"rOSDAZxU1u\",\"type\":\"image\",\"data\":{\"file\":{\"url\":\"https://hl-file.8kds.com/admin/d4ef6684020d468faa48fcb206e7cb4a.jpg\"},\"caption\":\"\",\"mediaLibrary\":{\"source\":\"mediaLibrary\",\"mediaId\":256,\"refKey\":\"1783594102175-z73foeqc9g\",\"fieldKey\":\"content\",\"mediaType\":\"image\",\"url\":\"https://hl-file.8kds.com/admin/d4ef6684020d468faa48fcb206e7cb4a.jpg\",\"coverUrl\":null,\"name\":\"images\",\"fileName\":\"images.jpg\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\",\"languages\":[{\"langCode\":\"id\",\"name\":\"images\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"zh_CN\",\"name\":\"images\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"en\",\"name\":\"images\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\"}]}},\"tunes\":{\"alignmentTune\":{\"alignment\":\"left\"}}},{\"id\":\"FwQOhmERDq\",\"type\":\"image\",\"data\":{\"file\":{\"url\":\"https://hl-file.8kds.com/admin/d4ef6684020d468faa48fcb206e7cb4a.jpg\"},\"caption\":\"\",\"mediaLibrary\":{\"source\":\"mediaLibrary\",\"mediaId\":256,\"refKey\":\"1783594192335-x390j2nwj8l\",\"fieldKey\":\"content\",\"mediaType\":\"image\",\"url\":\"https://hl-file.8kds.com/admin/d4ef6684020d468faa48fcb206e7cb4a.jpg\",\"coverUrl\":null,\"name\":\"images\",\"fileName\":\"images.jpg\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\",\"languages\":[{\"langCode\":\"id\",\"name\":\"images\",\"alt\":\"test alt image22222\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"zh_CN\",\"name\":\"images\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\"},{\"langCode\":\"en\",\"name\":\"images\",\"alt\":\"test alt image\",\"description\":\"\",\"displayText\":\"\"}]}},\"tunes\":{\"alignmentTune\":{\"alignment\":\"left\"}}}],\"version\":\"2.31.5\"}",38,"博客-20260411-cn",1783416280,"https://hl-file.8kds.com/admin/9371c5d2c89042eba182ba66ae70e1c5.png",157,1783594206,13,[],5]