我读到了一般问题“Angular会影响SEO吗?”的相反答案。和“搜索引擎抓取Angular应用程序?”
我想澄清所有使用Angular并希望有效开发优秀SEO的人。具体来说,我想知道我使用Angular的方式。
以下是我使用Angular构建的网站示例:http://www.lancebeaudry.com/ias/industrial-ventilation.html
我使用自定义指令在每个页面上添加导航栏和页脚,然后,在提供的链接页面上,我在自定义指令中使用Angular搜索过滤器。我最大的问题是:
搜索引擎是否能够抓取并理解指令中的内容,尤其是搜索功能中的内容(包括锚文本和链接)?
使用Google Web Master工具“获取并呈现为Google”,它只显示自定义指令标记,而不是其中的内容。这让我相信它没有被抓取 - 但是,我知道谷歌确实抓住了JS和CSS的内容。 (http://googlewebmastercentral.blogspot.com/2015/10/deprecating-our-ajax-crawling-scheme.html)
以下是编写页面时的代码(在浏览器中检查当然会向您显示内容):
<div ng-controller="SearchCtrl">
<div class="box" id="search-box">
<h2>Search Manufacturers, Solutions, Equipment, Etc.</h2>
<input type="search" ng-model="search" class="form-control" placeholder="Search">
</div>
<div class="row">
<manufacturer info="awv" search="search"></manufacturer>
<manufacturer info="flexcom" search="search"></manufacturer>
<manufacturer info="kpi" search="search"></manufacturer>
<manufacturer info="usduct" search="search"></manufacturer>
<manufacturer info="rodair" search="search"></manufacturer>
<manufacturer info="sopers" search="search"></manufacturer>
<manufacturer info="enertech" search="search"></manufacturer>
</div><!-- /row -->
</div>