javascript - 单页 HTML 站点 - SEO 技术

标签 javascript html ajax seo google-search

<分区>

我为我的公司开发了一个单页响应式网站 http://germin8.com/ .一切都很好,但实际上我现在遇到了 SEO 问题。该网站的不同部分没有出现在搜索引擎中。

我知道这是因为它是一个单页站点,所以对爬虫不友好...为了获得 URL 更改,我使用了历史 pushstate 技术并将菜单栏项目的 href 链接放到了部分......混淆了??嗯 示例 anchor 标记外链(我认为这足以让我的部分显示在搜索引擎中 :-/)

a style="text-decoration:none;color:black;padding-left:30px;" class="scrollTo" id="contactUs_Menu"
                            href="/contact-us">CONTACT</a></li>

或者您可以查看网站的源代码并跟踪 anchor 标记。

在一些研究和 POC 中,我遇到了谷歌的这种 AJAX 可抓取技术(https://developers.google.com/webmasters/ajax-crawling)......但是我无法理解它并且还觉得通过 ajax 加载网站的部分在这个阶段会做更多的工作,因为我的整个站点是一个静态 HTML 文件 (index.php),没有任何内容通过 javascript/AJAX 动态呈现

遇到过类似问题的人能否向我建议让我网站的不同部分(例如,客户、合作伙伴、联系我们等)在谷歌引擎中显示的最简单和最快的方法

提前谢谢大家:)

最佳答案

其实这个问题更适合https://webmasters.stackexchange.com/但既然已经在这里提出,我将尽我所知尝试回答这个问题。

不幸的是,SEO 没有捷径,要获取对您有利的搜索结果是一个缓慢而痛苦的过程。 SEO 的基本原则是正确地做简单的事情,为您网站上的用户提供高质量的内容,而不用太担心排名。

话虽如此,由于以下原因,您的期望有点不切实际,

  • 您要求 Google 将一个根本不存在的页面编入索引。
  • URL 在运行时通过 JavaScript 更改,这是 no-search-enginebot 擅长的索引。

但是,有几件事you can improve in terms of SEO (不保证你所要求的),

  • 确保你有 sitemap.xml文件在您网站的根目录中。您需要像这样为每个网址添加单独的子页面链接,

    <url>
        <loc>http://germin8.com/clients</loc>
        <lastmod>2005-01-01</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
    

完成 sitemap.xml 文件后。打开您的 Google 网站管理员帐户(同时确保您的 Google Analytics 帐户链接到您的网站管理员资料)并验证站点地图文件的结构和架构。

  • 写出更好的 anchor 文本 - 添加title属性到你的 anchor 标签。尽可能避免内联样式。为 href 属性使用完整的 url 而不是相对路径。

  • Google doesn't like slow websites .因此,您需要非常关注网站的性能。也没有用户喜欢看到一个网页加载了很长时间。努力连接、缩小和整理您的 Assets (html/css/js)。还需要 Gzip 压缩。

4.1MB is huge

4.1 MB 的 149 个请求是巨大的。您需要大量减少 HTTP 请求的数量!

结论

除上述之外,我真的不认为您的内部链接在搜索结果中不可见是个大问题。您的主要目标是确保您的用户登陆您的网页(这是您已经在做的事情)。用户进入您的领土(网站)后,他可以自由导航到网页的任何部分。

关于javascript - 单页 HTML 站点 - SEO 技术,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19511310/

相关文章:

JavaScript 小部件不适用于我的网站

html - 使用 css 居中图像不起作用

html - 如何修复 GridView 中的这个单元格?

javascript - 等待几个ajax调用完成,然后做一些事情

javascript - ajaxStart 和 ajaxStop 等同于 fetch API

javascript - 未捕获的语法错误 : Invalid or unexpected token 

javascript - Firebase存储和JavaScript,从存储下载文件

javascript - Jquery .append() chop 输出到 div

html - 相对定位出错按照绝对

php - AJAX 从 MySQL 选择