Google Site Search:使用搜索结果中的元数据自定义丰富网页摘要

时间:2012-07-03 16:18:31

标签: google-custom-search

我正在创建一个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,但我发现它并不是特别全面。

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

1 个答案:

答案 0 :(得分:2)

决定在显示它们之前,先关闭XML路由并解析结果服务器端。这样可以更好地控制页面元数据的显示方式和时间,总体来说它更强大。它并不像它最初出现的那样可怕!

richSnippets对于基本显示非常有用,但我觉得我不能自信地控制它们的显示,所以这是另一个选择XML的原因。