2

我正在创建一个 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>

（你可以看到我一直在谈论评论等等。）

我似乎无法使条件起作用。不过，有些属性效果很好，所以我快到了。像 Homepage 这样的页面不包含大多数属性，在结果中会出现以下错误：

TypeError：无法读取未定义的属性“snifferCode”：richSnippet && richSnippet.document.snifferCode

我在这里浏览了谷歌的文档，但我没有发现它特别全面。

任何想法都非常感谢！:)

4

1 回答 1

2

已决定在显示结果之前先走 XML 路线并在服务器端解析结果。这可以更好地控制页面元数据的显示方式和时间，总体而言它更加强大。而且它并不像最初出现的那么可怕！

richSnippets 对于基本显示很有用，但我觉得我不能自信地控制它们的显示，所以这是使用 XML 代替的另一个原因。

于 2012-07-09T12:31:17.400 回答