我正在创建一个Google Site Search自定义搜索引擎,我正在尝试在搜索结果中显示某些元数据,使用条件标记来阻止显示某些内容。元数据使用PageMaps存储在我的页面上,如下所示:
<!--
Google Search PageMap
<PageMap>
<DataObject type="document">
<Attribute name="type">project</Attribute>
<Attribute name="title">Page title</Attribute>
<Attribute name="topic">Page topic</Attribute>
<Attribute name="topic_url">http://url.com/knowledge-hubs/resilient-catchments/river-restoration-partnerships/</Attribute>
<Attribute name="knowledge_hub">Page knowledge hub</Attribute>
<Attribute name="knowledge_hub_url">http://url.com/knowledge-hubs/resilient-catchments/</Attribute>
<Attribute name="sniffer_code">ABC123</Attribute>
<Attribute name="project_status">Active</Attribute>
<Attribute name="project_start">1 August 2010</Attribute>
<Attribute name="project_end">1 July 2012</Attribute>
</DataObject>
<DataObject type="thumbnail">
<Attribute name="src">http://url.com/img.jpg</Attribute>
<Attribute name="width">100</Attribute>
<Attribute name="height">60</Attribute>
</DataObject>
</PageMap>
-->
有些网页会生成所有这些信息,其他网页只会包含一些内容(例如标题和类型)。
我希望能够显示此处包含的任何信息,具体取决于页面。这取决于data-if
模板中的条件webResult
属性。
这是我到目前为止所得到的:
<article id="sniffer_webResult">
<div class="gs-title">
<a data-attr="{href:unescapedUrl,target:target}" class="gs-title">
<!--<span data-if="typeof richSnippet != 'undefined'" data-body="richSnippet.document.title"></span>-->
<span data-body="html(title)"></span>
</a>
</div>
<div data-if="Vars.richSnippet" data-attr="0" data-body="render('thumbnail',richSnippet,{url:unescapedUrl,target:target})"></div>
<div class="gs-snippet" data-body="html(content)"></div>
<div data-if="typeof richSnippet != 'undefined'" class="meta">
<!--<article data-if="richSnippet.document.type == 'project'">-->
<!--<div data-if="richSnippet.document.snifferCode != 'undefined'"><strong>Sniffer code: </strong><span data-body="richSnippet.document.snifferCode" data-attr="0"></span></div>-->
<div data-if="richSnippet && richSnippet.document.snifferCode"><strong>Sniffer code: </strong><span data-body="richSnippet.document.snifferCode" data-attr="0"></span></div>
<div data-if="richSnippet.document.projectStatus != null"><strong>Status: </strong><span data-body="richSnippet.document.projectStatus" data-attr="0"></span></div>
<div data-if="richSnippet.document.topic != null" class="topic"><strong>Topic: </strong><a data-attr="{href:richSnippet.document.topicUrl}" data-body="richSnippet.document.topic" data-attr="0"></a></div>
<div data-if="richSnippet.document.knowledgeHub != null" class="hub"><strong>Knowledge hub: </strong><a data-attr="{href:richSnippet.document.knowledgeHubUrl}" data-body="richSnippet.document.knowledgeHub" data-attr="0"></a></div>
<!--</article>-->
</div>
</article>
(你可以看到我一直在评论等等。)
我似乎无法让条件工作。有些属性虽然很好,但我几乎就在那里。像主页这样不包含大多数属性的页面会在结果中出现此错误:
TypeError:无法读取未定义的属性'snifferCode': richSnippet&amp;&amp; richSnippet.document.snifferCode
我已阅读了Google的文档here,但我发现它并不是特别全面。
任何想法都非常感谢! :)
答案 0 :(得分:2)
决定在显示它们之前,先关闭XML路由并解析结果服务器端。这样可以更好地控制页面元数据的显示方式和时间,总体来说它更强大。它并不像它最初出现的那样可怕!
richSnippets对于基本显示非常有用,但我觉得我不能自信地控制它们的显示,所以这是另一个选择XML的原因。