10种赚钱的SEO服务(立即销售!)

Try Proseoai — it's free
AI SEO Assistant
SEO Link Building
SEO Writing

10种赚钱的SEO服务(立即销售!)

目录

  1. 关键词研究
  2. 网站分析和转化跟踪
  3. 页面速度优化
  4. 页面内部优化
  5. 提高点击率优化
  6. 广告设置
  7. 网站引用检查
  8. 网站建设
  9. 内容写作
  10. 转化率优化

关键词研究 📚

关键词研究是网站优化的第一步,它帮助我们确定需要针对哪些关键词进行优化。通过使用谷歌关键词规划工具,我们可以了解用户对特定关键词的搜索量、竞争情况和潜在的利润空间。使用工具中的竞争者网站分析功能,我们能够找出竞争者网站的排名关键词,帮助我们确定应该优化的页面和内容。通过进行细致的关键词研究,我们能够确保网站的内容和页面能够匹配用户的搜索意图,提高排名和流量。

网站分析和转化跟踪 💻

为了能够有效跟踪和分析网站的访问数据和转化率,我们应该设置和配置网站分析工具,如Google Analytics。通过这些工具,我们可以获得有关网站访问量、用户行为和转化率的宝贵信息。通过分析这些数据,我们能够了解哪些页面和内容对用户来说最有吸引力,以及如何优化网站以提高转化率。同时,我们还可以设置电话跟踪和联系表单跟踪,以深入了解用户转化的来源和效果。

页面速度优化 ⏱️

页面加载速度对于用户体验和搜索引擎排名非常重要。当一个网页加载速度过慢时,用户可能会不耐烦而离开网站,导致流失的潜在客户。为了提高页面加载速度,我们可以优化图片大小和格式,使用缓存和压缩技术,减少HTTP请求等。通过优化页面速度,我们不仅可以提高用户体验,还可以提高搜索引擎对网站的排名。

页面内部优化 🔍

页面内部优化是指对网站页面的元素进行调整和优化,以提高搜索引擎的可读性和理解性。这包括优化页面标题、元描述、标题标签、URL结构、页面头部标签等等。通过进行页面内部优化,我们能够使搜索引擎更好地理解网页的内容和重要性,提高网站的排名和流量。

提高点击率优化 📈

提高点击率优化是指通过改善搜索结果的外观和吸引力,来吸引更多用户点击网站链接的技术和策略。这包括撰写有吸引力的标题和描述,并使用富媒体元素(如图像和视频)来增加页面的可视性。通过提高点击率,我们可以增加网站的曝光度,吸引更多的用户访问。

广告设置 📢

广告设置是指在搜索引擎(如谷歌)上设置和管理广告活动,以增加网站的曝光度和流量。通过使用适当的关键词和广告文本,我们可以使广告显示在与目标用户搜索意图相匹配的页面上,提高广告的点击率和转化率。同时,我们还可以设置广告预算和竞价策略,以控制广告成本和优化投放效果。

网站引用检查 🌐

网站引用检查是通过检查其他网站对目标网站的引用和链接来评估其在搜索引擎中的权威性和可信度。引用和链接是搜索引擎判断网站重要性和相关性的重要指标之一。为了提高网站的引用和链接数量,我们可以通过增加网站内容的质量和独特性,积极参与社交媒体和行业内的讨论,并主动与其他网站建立合作关系。

网站建设 🏗️

网站建设是指创建一个专业、用户友好且符合搜索引擎优化要求的网站。这包括选择合适的域名、设计清晰的网页布局、提供易于导航的用户界面,并确保网站的技术结构和代码质量良好。通过建设一个高质量的网站,我们可以提供良好的用户体验,增加网站的访问量和转化率。

内容写作 ✍️

内容是网站优化中至关重要的一部分,它在吸引用户、提高用户体验和增加搜索引擎排名方面起着关键作用。通过撰写高质量、有用且与目标关键词相关的内容,我们可以吸引更多的用户访问网站,并提高用户停留时间和页面浏览量。此外,我们还可以通过发布定期的博客文章、新闻稿和行业指南等来增加网站的页面数量和质量。

转化率优化 🔄

转化率优化是指通过优化网站上的元素和交互过程,以提高用户转化率的技术和策略。这包括优化页面设计和布局,添加明确的呼叫行动,简化注册和付款流程等。通过转化率优化,我们可以提高网站的转化率,将访问者转化为潜在客户和销售机会。

以上是10个关键的SEO服务,可以帮助您提高网站的曝光度、流量和转化率。请根据您的具体需求选择适合您的服务。如果您需要任何帮助或咨询,请随时联系我们的团队。

文章

关键词研究:找到成功的SEO秘诀 📚

在网站优化过程中,关键词研究是至关重要的一步。它帮助我们确定哪些关键词和短语将为我们的网站带来最多的流量和潜在客户。通过使用谷歌的关键词规划工具,我们可以了解用户对特定关键词的搜索量和竞争情况。通过分析这些数据,我们可以选择适合我们网站的关键词,并制定相应的优化策略。

关键词研究不仅仅是找到热门的关键词,还要考虑用户的搜索意图。我们需要理解用户搜索关键词的目的,以便为他们提供有价值的内容。通过了解用户的需求和偏好,我们可以选择适合他们的关键词,并在网站上提供相关的内容。这将有助于提高网站的排名,并吸引更多的有意向的访问者。

但是,只有找到关键词还不够。在优化网站内容时,我们还需要考虑关键词的密度和分布。将关键词自然地融入到内容中,不过度重复。同时,我们还可以使用相关的变体和同义词,以提供更全面的内容。

综上所述,关键词研究是SEO优化过程中不可或缺的一步。通过深入了解用户需求,并选择合适的关键词和短语,我们可以为我们的网站带来更多的流量和潜在客户。

网站分析和转化跟踪:洞察用户行为 💻

在网站优化中,了解用户行为是至关重要的。通过进行网站分析和转化跟踪,我们可以收集用户行为数据,并进行深入分析。这为我们提供了追踪网站流量、了解用户偏好和改进网站体验的机会。

通过使用工具如Google Analytics,我们可以获得关于网站访问量、用户行为和转化率的详细信息。我们可以了解用户是如何找到我们的网站,他们在网站上停留多长时间,以及他们执行了哪些操作。通过分析这些数据,我们可以确定哪些页面和内容对用户来说最有吸引力,以及如何改进我们的网站以提高用户体验。

此外,我们还可以设置转化跟踪,以便了解用户转化的来源和效果。通过设置电话跟踪和联系表单跟踪,我们可以知道哪些渠道产生了潜在客户和销售机会。这帮助我们优化营销策略,并提高转化率。

综上所述,网站分析和转化跟踪是衡量网站绩效和了解用户行为的重要工具。通过深入分析数据,我们可以优化我们的网站并提高用户体验。

页面速度优化:提升用户体验与搜索引擎排名 ⏱️

快速的页面加载速度对于用户体验和搜索引擎排名至关重要。当一个网页加载过慢时,用户可能会感到不耐烦并离开网站,这对于企业来说是一个巨大的损失。因此,优化页面加载速度成为了一个必要的步骤。

要优化页面速度,我们可以采取以下措施:

  1. 压缩图片和文件:通过压缩图片和文件大小,可以减少加载时间和带宽使用。

  2. 使用浏览器缓存:通过启用浏览器缓存,可以使页面在用户再次访问时更快地加载。

  3. 减少HTTP请求:减少页面上的HTTP请求次数,可以大大提高页面加载速度。

  4. 优化代码和脚本:优化网页的HTML、CSS和JavaScript代码,可以减少文件大小和加载时间。

  5. 使用内容分发网络(CDN):使用CDN可以在全球各地的服务器上缓存网页内容,提供更快的加载速度。

通过执行这些优化措施,我们可以提高网页的加载速度,为用户提供更好的体验,并改善搜索引擎对网站的评级。

页面内部优化:让搜索引擎更好地理解您的网站 🔍

页面内部优化是通过对网站页面的元素进行调整和优化,从而提高搜索引擎的可读性和理解性。通过实施页面内部优化策略,我们可以帮助搜索引擎更好地了解我们的网站内容,并提高排名和流量。

在进行页面内部优化时,我们应该关注以下几个方面:

  1. 页面标题:确保每个页面都有清晰、有吸引力的标题,包含关键词。

  2. 元描述:为每个页面编写描述性的元描述,概括页面的内容和关键信息。

  3. 标题标签(H1、H2等):使用适当的标题标签来组织和突出重要内容。

  4. URL结构:创建简洁、有意义的URL结构,包含关键词。

  5. 页面头部标签:优化页面头部标签(如、<meta name="keywords")以提高搜索引擎的可读性。</p> </li> </ol> <p>通过执行这些优化策略,我们可以帮助搜索引擎更好地理解我们的网站内容,并提高网站的排名和流量。</p> <h2>提高点击率优化:吸引用户点击您的链接 📈</h2> <p>提高点击率优化是通过优化搜索结果的外观和吸引力,以吸引更多用户点击我们的链接的技术和策略。一个吸引人的标题和描述可以增加用户的点击率,并为我们的网站带来更多的流量。</p> <p>为了提高点击率,我们可以采取以下措施:</p> <ol> <li> <p>撰写有吸引力的标题:使用具有吸引力和引人入胜的标题,吸引用户点击我们的链接。</p> </li> <li> <p>编写优秀的描述:使用简洁、有吸引力的描述来概括页面的内容,鼓励用户点击。</p> </li> <li> <p>使用富媒体元素:图像和视频等富媒体元素可以增加搜索结果的吸引力,吸引用户点击我们的链接。</p> </li> <li> <p>使用丰富的结果片段(Rich Snippets):通过使用结构化数据标记和富媒体元素,我们可以在搜索结果中显示有吸引力的片段,增加用户的点击率。</p> </li> </ol> <p>通过执行这些优化策略,我们可以改善搜索结果的外观和吸引力,增加用户对我们链接的点击量。</p> <h2>广告设置:以有效的方式推广您的网站 📢</h2> <p>广告设置是一种有效的推广网站和增加流量的方式。通过在搜索引擎(如谷歌)上设置和管理广告活动,我们可以引导潜在客户访问我们的网站。</p> <p>在进行广告设置时,我们可以采取以下措施:</p> <ol> <li> <p>关键词选择:选择与目标用户搜索意图相匹配的关键词,并编写有吸引力的广告文本。</p> </li> <li> <p>广告预算和竞价策略:制定合适的广告预算,并根据关键词的竞争情况制定竞价策略。</p> </li> <li> <p>广告优化:通过监测和分析广告活动的结果,进行优化和改进。</p> </li> <li> <p>目标定位:按照地理位置、年龄、兴趣等选择目标受众,提高广告的效果和转化率。</p> </li> </ol> <p>通过有效地设置和管理广告活动,我们可以提高网站的曝光率和流量,吸引更多的用户访问。</p> <h2>网站引用检查:增加网站的权威性与可信度 🌐</h2> <p>网站引用检查是评估网站在搜索引擎中的权威性和可信度的一种方法。通过检查其他相关网站对我们的网站的引用和链接,我们可以了解我们在行业内的地位和影响力。</p> <p>要增加网站的引用和链接数量,我们可以执行以下策略:</p> <ol> <li> <p>提供有价值的内容:通过发布有用和有吸引力的内容,吸引其他网站引用和链接我们的网站。</p> </li> <li> <p>积极参与社交媒体:参与行业相关的社交媒体平台和讨论,与其他网站建立联系并分享我们的内容。</p> </li> <li> <p>建立合作关系:与其他网站主建立合作关系,共同推广和引用彼此的网站。</p> </li> </ol> <p>通过执行这些策略,我们可以增加网站的引用和链接数量,提高网站在搜索引擎中的权威性和可信度。</p> <h2>网站建设:打造一个专业的网站 🏗️</h2> <p>网站建设是创建一个专业、用户友好且符合搜索引擎优化要求的网站的过程。一个好的网站设计可以提高用户体验,吸引更多的访问者并转化为潜在客户。</p> <p>在进行网站建设时,我们应该注意以下几个方面:</p> <ol> <li> <p>选择合适的域名:选择一个简洁、易记和与我们业务相关的域名。</p> </li> <li> <p>设计清晰的网页布局:创建用户友好的网页布局,使用户能够轻松导航和找到他们所需的信息。</p> </li> <li> <p>提供易于导航的用户界面:确保网站的导航菜单清晰明了,用户可以轻松找到他们需要的页面。</p> </li> <li> <p>技术结构和代码优化:确保网站的技术结构和代码符合搜索引擎的要求,提高网站的可读性和可索引性。</p> </li> </ol> <p>通过优化网站的技术结构、设计和用户界面,我们可以提供一个专业而有吸引力的网站,为用户提供良好的体验,并增加网站的流量和转化率。</p> <h2>内容写作:吸引用户并提高搜索引擎排名 ✍️</h2> <p>内容写作是吸引用户并提高搜索引擎排名的关键。通过撰写高质量、有用且与目标关键词相关的内容,我们可以吸引更多的用户、提高用户体验和增加网站的流量。</p> <p>在进行内容写作时,我们应该注意以下几个方面:</p> <ol> <li> <p>关键词密度和分布:将目标关键词自然地融入到内容中,但不要过度重复。</p> </li> <li> <p>内容质量和独特性:提供独特、有质量的内容,与用户的需求和偏好相匹配。</p> </li> <li> <p>定期更新内容:定期发布新的博客文章、新闻稿和行业指南,保持网站内容的新鲜度和时效性。</p> </li> </ol> <p>通过执行这些策略,我们可以吸引更多的用户访问网站,并提高网站在搜索引擎中的排名。</p> <h2>转化率优化:从访问者到潜在客户 🔄</h2> <p>转化率优化是通过优化网站上的元素和交互过程,以提高用户转化率的技术和策略。我们的目标是将访问者转化为潜在客户和销售机会。</p> <p>在进行转化率优化时,我们应该注意以下几个方面:</p> <ol> <li> <p>页面设计和布局优化:通过优化页面设计和布局,使用户能够轻松找到并完成目标操作。</p> </li> <li> <p>添加明确的呼叫行动:在关键位置添加明确的呼叫行动按钮,鼓励用户进行目标操作。</p> </li> <li> <p>简化注册和付款流程:简化注册、登录和付款过程,减少用户的冗余操作。</p> </li> <li> <p>监测和分析数据:通过监测和分析转化率数据,找出用户转化的瓶颈,并优化流程。</p> </li> </ol> <p>通过执行这些优化策略,我们可以提高网站的转化率,并将访问者转化为潜在客户和销售机会。</p> <p>以上是10种关键的SEO服务,它们可以帮助您提高网站的曝光度、流量和转化率。通过使用这些服务,我们可以为我们的网站带来更多的成功和成果。</p> <h1>亮点</h1> <ul> <li> <p>关键词研究是网站优化的关键步骤,可以帮助我们确定目标关键词并制定相应的优化策略。</p> </li> <li> <p>通过网站分析和转化跟踪,我们可以深入了解用户行为和用户体验,并采取相应的优化措施。</p> </li> <li> <p>页面速度优化对于用户体验和搜索引擎排名至关重要,通过减少页面加载时间和优化网页元素,我们可以提高网站的流量和排名。</p> </li> <li> <p>通过页面内部优化和提高点击率优化,我们可以使搜索引擎更好地理解网站的内容,并吸引更多用户点击网站链接。</p> </li> <li> <p>通过设置广告活动、检查网站引用和进行内容写作,我们可以增加网站的曝光度和流量。</p> </li> <li> <p>通过优化网站的设计、布局和用户界面,以及进行转化率优化,我们可以将访问者转化为潜在客户和销售机会。</p> </li> </ul> <p>以上亮点是网站优化中的重要环节,通过全面实施这些策略,我们可以取得更好的成果和成功。</p> <h1>常见问题解答</h1> <p><strong>问:如何选择适合自己网站的关键词?</strong></p> <p>答:选择适合自己网站的关键词需要考虑用户搜索意图和竞争情况。建议使用谷歌关键词规划工具进行研究,选择与自己网站内容相关且搜索量适中的关键词。</p> <p><strong>问:如何增加网站的点击率?</strong></p> <p>答:增加网站的点击率可以通过编写有吸引力的标题和描述,使用富媒体元素,以及提高搜索结果的吸引力等方式来实现。</p> <p><strong>问:如何提高网站的转化率?</strong></p> <p>答:提高网站的转化率可以通过优化页面设计和布局,添加明确的呼叫行动按钮,简化注册和付款流程等方式来实现。同时,监测和分析数据也是提高转化率的关键。</p> <p><strong>问:网站引用对排名有多大影响?</strong></p> <p>答:网站引用是搜索引擎评估网站权威性和可信度的指标之一,具有一定的影响力。拥有更多的引用和链接可以提高网站的排名和可信度。</p> <p><strong>问:如何优化网站的页面速度?</strong></p> <p>答:优化网站的页面速度可以通过压缩图片和文件、使用浏览器缓存、减少HTTP请求等方式来实现。定期检查和优化网站的代码和技术结构也是提高页面速度的重要方法。</p> <p><strong>问:如何撰写优质的网站内容?</strong></p> <p>答:撰写优质的网站内容需要根据用户需求和关键词来编写,并注意内容的独特性和有用性。定期发布新的博客文章和行业指南也是提高网站内容质量的重要方法。</p> <p>请注意,以上答案仅供参考,具体优化策略应根据网站的具体情况和需求进行调整。</p> <p><strong>有关资源:</strong></p> <ul> <li><a href="https://ads.google.com/intl/zh-CN_cn/home/">Google Ads</a> (Google广告)</li> <li><a href="https://analytics.google.com/analytics/web/">Google Analytics</a> (Google分析)</li> <li><a href="https://search.google.com/search-console/about">Google Search Console</a> (Google搜索控制台)</li> <li><a href="http://ad.baidu.com/">百度推广</a> (百度广告服务)</li> <li><a href="https://tongji.baidu.com/web/welcome/login">百度统计</a> (百度网站统计工具)</li> <li><a href="https://ziyuan.baidu.com/">百度搜索资源平台</a> (百度SEO工具)</li> </ul> <p>请随时与我们联系以获取更多帮助和咨询。感谢您使用我们的服务!</p> <!-- <p class="mt-6">The above is a brief introduction to <a href="https://www.proseoai.com/zh/seozh/10%E7%A7%8D%E8%B5%9A%E9%92%B1%E7%9A%84seo%E6%9C%8D%E5%8A%A1%E7%AB%8B%E5%8D%B3%E9%94%80%E5%94%AE-41240">10种赚钱的SEO服务(立即销售!)</a></p> <p class="mt-4">Let's move on to the first section of 10种赚钱的SEO服务(立即销售!)</p> --> </div> </div> </div> <!-- more --> <!-- <div class="more mt-8"> <p class="text-lg text-gray-500"> More: <a href="" class="text-lg text-theme-500 hover:text-theme-500" > What To Do If Defroster Is Not Working </a> </p> </div> --> <!-- more end --> <section class="mt-8 px-4 py-8 bg-gray-50 overflow-hidden lg:px-8 rounded-lg" > <h2 class="inline text-xl font-bold tracking-tight text-gray-900 sm:block sm:text-2xl sm:text-center" > Are you spending too much time on seo writing? </h2> <dl class="mt-6 text-center sm:flex sm:justify-center sm:flex-wrap" > <div class="flex flex-col px-4 sm:px-8"> <dt class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap" > SEO Course </dt> <dd class="order-1 text-4xl font-bold text-theme-500 sm:h-10" > 1M+ </dd> </div> <div class="flex flex-col mt-6 px-4 sm:px-8 sm:mt-0"> <dt class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap" > SEO Link Building </dt> <dd class="order-1 text-4xl font-bold text-theme-500 sm:h-10" > 5M+ </dd> </div> <div class="flex flex-col mt-6 px-4 sm:px-8 sm:mt-0"> <dt class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap" > SEO Writing </dt> <dd class="order-1 text-4xl font-bold text-theme-500 sm:h-10" > 800K+ </dd> </div> </dl> <form class="mt-5 max-w-2xl mx-auto sm:flex"> <label for="email-address" class="sr-only">Email address</label> <input id="email-address" name="email" type="email" autocomplete="email" required class="w-full px-5 py-3 placeholder-gray-500 border-2 border-r-0 border-gray-300 focus:outline-none focus:ring-0 focus:ring-offset-0 focus:border-theme-600 rounded-l-md sm:flex-1 text-2xl text-gray-900" placeholder="Your Email" /> <div class="mt-3 rounded-md sm:mt-0 sm:flex-shrink-0"> <a href="/register" class="w-full h-full flex items-center justify-center px-5 py-3 border-2 border-theme-500 text-base font-medium rounded-r-md text-white bg-theme-500 hover:bg-theme-400 hover:border-theme-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600" > Try Proseoai(It's Free) </a> </div> </form> </section> <!-- Why --> <div class="rounded-md bg-gray-50 mt-5 px-7 py-6"> <div class="flex items-center"> <img src="/proseoai-seo/images/choose.svg" class="w-5 -mt-1" alt="" srcset="" /> <span class="text-xl text-theme-500 ml-3"> WHY YOU SHOULD CHOOSE Proseoai </span> </div> <p class="mt-4 text-base text-gray-700"> Proseoai has the world's largest selection of seo courses for you to learn. Each seo course has tons of seo writing for you to choose from, so you can choose Proseoai for your seo work! </p> </div> <!-- Why --> </div> </div> <section class="relative py-12 bg-gray-50"> <div class="relative"> <div class="text-center max-w-7xl mx-auto px-4 lg:px-8"> <div class="text-3xl tracking-tight font-bold text-gray-900 sm:text-4xl" > Browse More Content </div> </div> <div class="max-w-7xl mx-auto px-4 lg:px-8"> <div class="mt-7 lg:max-w-lg:mx-auto grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 lg:max-w-none" > </div> </div> </div> </section> <section class="relative py-12 bg-white"> <div class="relative"> <div class="text-center max-w-7xl mx-auto px-4 lg:px-8"> <div class="text-3xl tracking-tight font-bold text-gray-900 sm:text-4xl" > Related Articles </div> </div> <div class="max-w-7xl mx-auto px-4 lg:px-8"> <div class="mt-7 lg:max-w-lg:mx-auto grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 lg:max-w-none" id="articles" > <div class="flex flex-col rounded-lg shadow-lg overflow-hidden" > <a href="/zh/seozh/选择最佳的网站构建工具来优化seo-49156" class="flex-shrink-0"> <img class="h-64 w-full object-cover" src="https://i.ytimg.com/vi/JNNdn7srhlU/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDp413QahppZW54JOI9PoQvwQcZbg" alt="选择最佳的网站构建工具来优化SEO" /> </a> <div class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between" > <div class="flex-1"> <a href="/zh/seozh/选择最佳的网站构建工具来优化seo-49156" class="block"> <div class="text-2xl font-semibold text-gray-900 hover:text-theme-500"> 选择最佳的网站构建工具来优化SEO </div> <p class="mt-3 text-base text-gray-500"> 选择最佳的网站构建工具来优化SEO目录 什么是SEO 选择适合您业务的网站构建工具 WordPress Wix Squarespace Shopify Weebly Kajabi 哪个网站构建工具最 </p> </a> </div> <div class="mt-6 flex items-center"> <div class="flex-1"> <p class="text-sm font-medium text-gray-900"> <a href="/author/The Stuff You Need To Know About SEO " class="hover:underline hover:text-theme-500"> The Stuff You Need To Know About SEO </a> </p> </div> <div class="flex-shrink-0"> <div class="flex space-x-1 text-sm text-gray-500"> <time datetime="2024-03-03"> Mar 03,2024 </time> </div> </div> </div> </div> </div> <div class="flex flex-col rounded-lg shadow-lg overflow-hidden" > <a href="/zh/seozh/全新seo工具-以前所未有的方式呈现搜索引擎结果页面-51802" class="flex-shrink-0"> <img class="h-64 w-full object-cover" src="https://i.ytimg.com/vi/WuZ7huv4ZGU/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB3TAnuzZI7AGCMIDM9S-Qn-FjFyA" alt="全新SEO工具 - 以前所未有的方式呈现搜索引擎结果页面" /> </a> <div class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between" > <div class="flex-1"> <a href="/zh/seozh/全新seo工具-以前所未有的方式呈现搜索引擎结果页面-51802" class="block"> <div class="text-2xl font-semibold text-gray-900 hover:text-theme-500"> 全新SEO工具 - 以前所未有的方式呈现搜索引擎结果页面 </div> <p class="mt-3 text-base text-gray-500"> 全新SEO工具 - 以前所未有的方式呈现搜索引擎结果页面目录 导语 关键字研究方法 2.1 使用种子关键字 2.2 使用相关关键字结果 2.3 基于域名的关键字研究方法 2.4 导入关键字 2.5 </p> </a> </div> <div class="mt-6 flex items-center"> <div class="flex-1"> <p class="text-sm font-medium text-gray-900"> <a href="/author/SEO With Phillip Stemann" class="hover:underline hover:text-theme-500"> SEO With Phillip Stemann </a> </p> </div> <div class="flex-shrink-0"> <div class="flex space-x-1 text-sm text-gray-500"> <time datetime="2024-03-03"> Mar 03,2024 </time> </div> </div> </div> </div> </div> <div class="flex flex-col rounded-lg shadow-lg overflow-hidden" > <a href="/zh/seozh/surfer-seo轻松写作优化内容-53434" class="flex-shrink-0"> <img class="h-64 w-full object-cover" src="https://i.ytimg.com/vi/T8_o-f9uAgg/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLByCuFz6PXSQ5GhO4-i4WYCOqOOGA" alt="Surfer SEO:轻松写作优化内容" /> </a> <div class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between" > <div class="flex-1"> <a href="/zh/seozh/surfer-seo轻松写作优化内容-53434" class="block"> <div class="text-2xl font-semibold text-gray-900 hover:text-theme-500"> Surfer SEO:轻松写作优化内容 </div> <p class="mt-3 text-base text-gray-500"> Surfer SEO:轻松写作优化内容目录 简介 Surfer SEO概述 与Jasper AI的整合 如何使用Surfer SEO进行关键词研究 如何使用Surfer SEO的网页分析功能 创造优 </p> </a> </div> <div class="mt-6 flex items-center"> <div class="flex-1"> <p class="text-sm font-medium text-gray-900"> <a href="/author/Lori Ballen" class="hover:underline hover:text-theme-500"> Lori Ballen </a> </p> </div> <div class="flex-shrink-0"> <div class="flex space-x-1 text-sm text-gray-500"> <time datetime="2024-03-04"> Mar 04,2024 </time> </div> </div> </div> </div> </div> </div> </div> <div class="px-4 mt-8 text-center"> <div class="flex sm:inline-flex mx-auto bg-theme-500 hover:bg-theme-400 justify-center rounded-md text-base py-3.5 px-4 sm:px-6 bg-slate-900 text-white hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600 nowrap cursor-pointer" onclick="refreshArticles()" > <span>Refresh Articles</span> </div> </div> </div> </section> <script src="/proseoai-seo/plugin/ajax/axios.min.js"></script> <script src="/proseoai-seo/plugin/ajax/httpRequest.js"></script> <script type="text/javascript"> function refreshArticles() { var data = { article_type_handle: "" }; axiosPostRequst("/article/random", data).then(res => { var code = res.data.code; var message = res.data.text || res.data.message || res.data.msg || "error"; if (parseInt(code, 10) !== 200) { var dom = document.createElement("div"); dom.className = "fixed top-10 left-0 right-0 flex items-center justify-center"; var innerErrorHtml = '<div class="rounded-md bg-red-50 p-4 min-w-360" id="errorTips">' +'<div class="flex">' +'<div class="flex-shrink-0">' +'<svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">' +'<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />' +'</svg>' +'</div>' +'<div class="ml-3">' +'<div class="text-sm font-medium text-red-800">'+message+'</div>' +'</div>' +'</div>' +'</div>' dom.innerHTML = innerErrorHtml document.body.appendChild(dom); setTimeout(function() { if(document.getElementById("errorTips")) { document.getElementById("errorTips").remove(); } }, 3000); } else { var articles = res.data.data.articles if(articles && articles.length>0) { var innerHtml = '' for (var i = 0; i < articles.length; i++) { var random = parseInt(5*Math.random()) var iSrc = articles[i].video_cover ? articles[i].video_cover : ('/proseoai-seo/images/default/default'+random+'.webp') innerHtml = innerHtml + '<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">' +'<a href="'+articles[i].url_path+'" class="flex-shrink-0">' +'<img class="h-64 w-full object-cover" src="'+iSrc+'" alt="'+articles[i].title+'"/>' +'</a>' +'<div class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between">' +'<div class="flex-1">' +'<a href="'+articles[i].url_path+'" class="block">' +'<div class="text-2xl font-semibold text-gray-900 hover:text-theme-500">' +articles[i].title +'</div>' +'<p class="mt-3 text-base text-gray-500">' +(articles[i].intro || '') +'</p>' +'</a>' +'</div>' +'<div class="mt-6 flex items-center">' +'<div class="flex-1">' +'<p class="text-sm font-medium text-gray-900">' +'<a href="/author/'+articles[i].author+'" class="hover:underline hover:text-theme-500">' +(articles[i].author || '') +'</a>' +'</p>' +'</div>' +'<div class="flex-shrink-0">' +'<div class="flex space-x-1 text-sm text-gray-500">' +'<time datetime="'+articles[i].published_at+'">'+articles[i].published_at_formated+'</time>' +'</div>' +'</div>' +'</div>' +'</div>' +'</div>' } document.getElementById('articles').innerHTML = innerHtml } } }); } </script> </main> <div class="footer"> <div class="relative bg-linear"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="relative sm:overflow-hidden"> <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-12 lg:px-8" > <div class="text-center text-4xl text-black font-bold tracking-tight sm:text-4xl lg:text-5xl" > Easiest way to learn anything about SEO </div> <div class="md:px-4 mt-14 sm:flex justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 md:space-x-28" > <div class="flex justify-center items-center max-w-250"> <img src="/proseoai-seo/images/target.svg" class="w-10 h-10" alt="" srcset="" /> <span class="block ml-3 text-black text-xl"> SEO Course </span> </div> <div class="flex justify-center items-center max-w-250"> <img src="/proseoai-seo/images/target.svg" class="w-10 h-10" alt="" srcset="" /> <span class="block ml-3 text-black text-xl"> SEO Link Building </span> </div> <div class="flex justify-center items-center max-w-250"> <img src="/proseoai-seo/images/target.svg" class="w-10 h-10" alt="" srcset="" /> <span class="block ml-3 text-black text-xl"> SEO Writing </span> </div> </div> <div class="px-4 mt-8 text-center"> <a href="https://www.proseoai.com/" class="flex sm:inline-flex mx-auto bg-theme-500 hover:bg-theme-400 justify-center rounded-md text-base py-3.5 px-4 sm:px-6 bg-slate-900 text-white hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600 nowrap"> <span>Start SEO Writing</span> </a> </div> </div> </div> </div> </div> <div class="bg-white"> <div class="max-w-8xl mx-auto pt-16 pb-6 px-4 sm:px-6 lg:pt-16 lg:pb-6 lg:px-8" > <div class="xl:grid xl:grid-cols-5 xl:gap-2"> <div class="space-y-8 xl:col-span-1"> <a href="https://www.proseoai.com/" class="flex-shrink-0"> <img class="h-10" src="/proseoai-seo/images/footer-logo.png" alt="Proseoai" /> </a> <div class="text-base font-semibold text-black tracking-wider" > Easiest way to learn anything about SEO </div> </div> <div class="mt-12 grid md:grid-cols-9 gap-3 xl:mt-0 md:col-span-2 xl:col-span-4" > <div class="md:gap-8 md:col-span-2 xl:col-span-2"> <div class="text-base font-semibold text-black tracking-wider" > Product </div> <ul role="list" class="mt-4 space-y-3"> <li> <a href="/" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > Home </a> </li> </div> <div class="md:gap-8 md:col-span-2 xl:col-span-2"> <div class="text-base font-semibold text-black tracking-wider" > Resourse </div> <ul role="list" class="mt-4 space-y-3"> <li> <a href="/zh/seozh" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > SEO-zh </a> </li> <li> <a href="/author" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > Author </a> </li> </ul> <div class="text-base font-semibold text-black tracking-wider mt-6" > Browse by Alphabet </div> <ul class="flex items-center flex-wrap mt-2"> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-a" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >A</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-b" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >B</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-c" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >C</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-d" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >D</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-e" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >E</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-f" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >F</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-g" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >G</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-h" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >H</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-i" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >I</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-j" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >J</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-k" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >K</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-l" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >L</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-m" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >M</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-n" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >N</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-o" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >O</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-p" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >P</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-q" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >Q</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-r" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >R</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-s" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >S</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-t" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >T</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-u" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >U</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-v" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >V</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-w" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >W</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-x" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >X</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-y" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >Y</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-z" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >Z</a > </li> <li class="py-1 mr-2 xl:mr-0"> <a href="/alphabet-other" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >Other</a > </li> </ul> <div class="text-base font-semibold text-black tracking-wider mt-6" > Top 1000 SEO </div> <ul class="flex items-center flex-wrap mt-2 xl:grid xl:grid-cols-3 gap-3"> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-17-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/17</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-16-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/16</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-15-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/15</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-14-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/14</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-13-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/13</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-12-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/12</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-11-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/11</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-10-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/10</a > </li> <li class="py-1 mr-2 md:mr-5 xl:mr-0"> <a href="/top-1000-adspy/03-09-2024" class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline" >03/09</a > </li> </ul> </div> <div class="md:gap-8 md:col-span-3 xl:col-span-3"> <div class="text-base font-semibold text-black tracking-wider" > Read more </div> <ul role="list" class="mt-4 space-y-3"> <li> <a href="/zh/seozh/瑞士军刀多功能工具的经典选择-302049" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 瑞士军刀:多功能工具的经典选择 </a> </li> <li> <a href="/zh/seozh/节省成本学习传递印刷完整教程-302062" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 节省成本,学习传递印刷,完整教程 </a> </li> <li> <a href="/zh/seozh/irobot-roomba-combo-i5全面评测吸尘和拖地双杀-302078" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > iRobot Roomba Combo i5全面评测:吸尘和拖地双杀! </a> </li> <li> <a href="/zh/seozh/精通蜡烛的点燃和保养技巧-302098" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 精通蜡烛的点燃和保养技巧! </a> </li> <li> <a href="/zh/seozh/视黄醇你抗衰老的最佳选择-302099" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 视黄醇:你抗衰老的最佳选择 </a> </li> <li> <a href="/zh/seozh/olaplex修护受损发质的终极指南-301988" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > Olaplex:修护受损发质的终极指南 </a> </li> <li> <a href="/zh/seozh/使用sightmark-wraith-scope的方法-301996" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 使用Sightmark Wraith Scope的方法 </a> </li> <li> <a href="/zh/seozh/合成养分使用微生物是否有意义-302027" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 合成养分使用微生物是否有意义? </a> </li> <li> <a href="/zh/seozh/如何种植和护理紫色巴兹泽尔-302030" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 如何种植和护理紫色巴兹泽尔 </a> </li> <li> <a href="/zh/seozh/irobot-roomba终极清洁力量i5组合机评测-302043" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > iRobot Roomba终极清洁力量i5+组合机评测! </a> </li> <li> <a href="/zh/seozh/一战改变世界格局的战争-157725" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 一战:改变世界格局的战争! </a> </li> <li> <a href="/zh/seozh/修复关系理解冲突如何建立健康的人际关系-157722" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 修复关系,理解冲突:如何建立健康的人际关系 </a> </li> <li> <a href="/zh/seozh/耶稣的仆人榜样超越世俗的伟大-157713" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 耶稣的仆人榜样:超越世俗的伟大 </a> </li> <li> <a href="/zh/seozh/警醒准备马太福音25章解读-157686" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 警醒准备!马太福音25章解读 </a> </li> <li> <a href="/zh/seozh/mcr乐团mama-反应视频-157663" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > MCR乐团《Mama》- 反应视频 </a> </li> <li> <a href="/zh/seozh/快乐的假期故事与maggie一起睡懒觉玩耍和唱歌-157654" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 快乐的假期故事:与Maggie一起睡懒觉、玩耍和唱歌 </a> </li> <li> <a href="/zh/seozh/耶稣墓穴的奇迹明证复活的地方-157619" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 耶稣墓穴的奇迹:明证复活的地方 </a> </li> <li> <a href="/zh/seozh/企业财务管理的重要性与挑战-157608" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 企业财务管理的重要性与挑战 </a> </li> <li> <a href="/zh/seozh/男人在婚姻中需要的5件事-157576" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 男人在婚姻中需要的5件事 </a> </li> <li> <a href="/zh/seozh/基督徒的律法观摩西律法的废弃与耶稣的教导-157539" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > 基督徒的律法观:摩西律法的废弃与耶稣的教导 </a> </li> </ul> </div> <div class="md:gap-8 md:col-span-2 xl:col-span-2"> <div class="text-base font-semibold text-black tracking-wider" > 联系我们 </div> <ul role="list" class="mt-4 space-y-3"> <li> <a href="mailto:service@proseoai.com" class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline" > service@proseoai.com </a> </li> </ul> </div> </div> </div> <div class="language-list"> <a href="/" > English </a> <a href="/zh" class="language-actived"> 简体中文 </a> <a href="/tw" > 繁體中文 </a> <a href="/ja" > 日本語 </a> <a href="/ko" > 한국어 </a> <a href="/pt" > Português </a> <a href="/es" > Español </a> <a href="/de" > Deutsch </a> <a href="/fr" > Français </a> <a href="/it" > Italiano </a> <a href="/ru" > Русский </a> <a href="/sv" > Svenska </a> <a href="/tr" > Турецкий </a> <a href="/vi" > Tiếng Việt </a> </div> <div class="mt-5"> <p class="text-base text-gray-400">Copyright ©2024 Proseoai</p> </div> </div> </div> </div> <div class="menu-drawer" id="menuDrawer"> <div class="menu-drawer-bg" onclick="navClick()"></div> <div class="nav-box"> <!-- <div class="menu"> <a href="/" class="nav-item">Home</a> <a href="/zh/blog" class="nav-item">Blogs</a> </div> --> </div> </div> </div> <button type="button" onclick="toTop()" class="fixed flex items-center justify-center right-5 bottom-6 h-12 w-12 rounded-full text-white text-sm bg-gray-400 hover:bg-indigo-700 z-20">Top</button> <script> function goBack() { history.back() } function toSignUp() { var val if(document.getElementById("email-address")) { val = document.getElementById("email-address").value } if(val) { document.location.href = "/login?email="+val } else { document.location.href = "/login" } } function iptKeyDown() { var event = arguments.callee.caller.arguments[0] || window.event; if (event.keyCode == 13) { toSignUp() } } function toTop() { window.scrollTo(0,0) } window.addEventListener('DOMContentLoaded', function() { resetIframeH() }); window.addEventListener("resize", function() { resetIframeH() }); function resetIframeH() { var videoContainers = document.querySelectorAll('.editor-content iframe'); for (var i = 0; i < videoContainers.length; i++) { var iframe = videoContainers[i]; var aspectRatio = 560 / 315; // 设置视频的宽高比例 iframe.style.height = iframe.offsetWidth / aspectRatio + 'px'; } } if (window.addEventListener) { window.addEventListener("resize", function() { resetIframeH() hideNav(); }); } else if (window.attachEvent) { window.attachEvent("onresize", function() { resetIframeH() hideNav(); }); } function hideNav(){ var node = document.getElementById('nav'); var nodeDrawer = document.getElementById('menuDrawer'); var nodeBody = document.getElementsByTagName("body")[0]; var nodeContainer = document.getElementById('container'); node.classList.remove("visible") nodeBody.classList.remove("bOverHide") nodeDrawer.style.display="none" nodeContainer.style.paddingRight= 0 } function navClick() { var node = document.getElementById('nav'); var nodeDrawer = document.getElementById('menuDrawer'); var nodeBody = document.getElementsByTagName("body")[0]; var nodeContainer = document.getElementById('container'); if(node.getAttribute('class').indexOf('visible') > -1){ node.classList.remove("visible") nodeBody.classList.remove("bOverHide") nodeDrawer.style.display="none" nodeContainer.style.paddingRight= 0 } else { var sWidth = getScrollbarWidth(); node.classList.add("visible") nodeBody.classList.add("bOverHide") nodeDrawer.style.display="block" nodeContainer.style.paddingRight= sWidth + 'px' } } function getScrollbarWidth() { var scrollDiv = document.createElement("div"); scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;'; document.body.appendChild(scrollDiv); var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth; document.body.removeChild(scrollDiv); return scrollbarWidth; } </script> </body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5D3LBG4T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </html>