App搜索编程指南(五) —— 吸引网络用户之标记Web内容(一)

版本记录

版本号 时间
V1.0 2018.09.20 星期四

前言

iOS系统有自己的搜索,大家试过的都知道,这个搜索速度非常之快,可以很快的在网页、appleStor、地图以及其他App中的内容,接下来就让我们一起来看一下这个搜索。感兴趣的看下面几篇文章。
1. App搜索编程指南(一) —— 搜索基本之搜索推动用户参与(一)
2. App搜索编程指南(二) —— 搜索基本之示例实现(一)
3. App搜索编程指南(三) —— 让项目可索引之索引活动和导航点(一)
4. App搜索编程指南(四) —— 让项目可索引之索引应用内容(一)

Mark Up Web Content - 标记Web内容

如果您的部分或全部应用内容也可在您的网站上获得,则可以使用网络标记为用户提供对搜索结果中内容的访问权限。 使用网络标记可让Applebot网络抓取工具为Apple的服务器端索引中的内容编制索引,这使得SpotlightSafari搜索结果中的所有iOS用户都可以使用该索引。

除了添加网络标记外,强烈建议您支持通用链接(universal links)。 添加对通用链接的支持可进一步增强用户体验,方法是在用户点击指向您网站的链接时打开您的原生应用(如果您的应用未安装,则点击结果会打开Safari)。 此行为可帮助所有用户对包含大量数据的网站编制索引并进行搜索。

要了解如何使用通用链接,请参阅Support Universal Links。 图5-1显示了使用通用链接让用户点击网站链接并打开应用程序的示例。

Figure 5-1 Using universal links to support opening a website link in an app

要使用网络标记让您的内容可搜索,请按以下三个步骤操作:

  • 确保Apple可以发现您的网站并将其编入索引。
  • 为您网站的深层链接添加标记到您的应用中。
  • 通过为结构化数据添加标记来丰富您的搜索结果。

注意:由于Applebot索引的项目已经公开,因此它们存储在Apple的服务器端索引中。


Making Your Website Discoverable by Apple - 让您的网站被Apple发现

确保Applebot网络抓取工具抓取您网站的最简单方法是在您提交应用时将网址指定为支持或营销网站。 要了解有关指定此URL的更多信息,请参阅Version Information

Figure 5-2 Specifying the support and marketing URLs

此外,修改robots.txt文件以允许Applebot抓取您的网站至关重要。 Applebot会检查您的robots.txt文件,以确定应抓取您网站的哪些部分。 (您可以在Wikipedia上了解有关robots.txt文件的更多信息)。要检测Applebot,您可以使用正则表达式。

注意:Applebot忽略URL的片段标识符组件。

使用App Search API验证工具验证Applebot能够从您的网站中提取的数据。 验证工具中的信息可以帮助您识别应添加的信息,并帮助您发现优化网站元数据的方法。 您可以在此处访问验证工具:https://search.developer.apple.com/appsearch-validation-tool


Adding Deep Links to Your Website - 添加深层链接到您的网站

帮助网站用户发现应用程序的最佳方法是采用智能应用程序横幅(Smart App Banners)(您可以通过阅读Promoting Apps with Smart App Banners来了解有关智能应用程序横幅的更多信息)。 您网站上的智能应用横幅邀请未安装您应用的用户从App Store下载,并且为已经安装了您应用的用户提供了一种在其中打开页面的简便方法。 图5-3显示了智能应用横幅的示例。

Figure 5-3 A Smart App Banner redirecting users into your installed app

在智能应用横幅标记中包含app-argument值允许Apple为您的内容编制索引。 要包含app-argument值,可以使用与此类似的标记:

<meta name =“myApp”content =“app-id = 123,app-argument = http://example.com/about”>

app-argument值包含本机应用程序中的URL,这对应于用户当前正在查看的特定Web内容,这一点至关重要。 不要将app-argument值设置为应用程序打开屏幕的URL。

除了添加智能应用横幅之外,强烈建议您使用带有深层链接deep links的通用链接universal links,而不是使用自定义URL scheme。 当您支持通用链接时,iOS可以使用Handoff启动您的应用并为您提供用户正在查看的特定Web URL。 要了解如何支持通用链接,请参阅Support Universal Links

作为使用智能应用程序横幅的替代方法,您可以使用Apple支持的开放标准之一在您的网站上提供深层链接,例如Twitter CardsApp Links。 例如,您可以使用类似于以下内容的Twitter Cards标记:

<meta name =“twitter:app:name:iphone”content =“myAppName”>
<meta name =“twitter:app:id:iphone”content =“myAppID”>
<meta name =“twitter:app:url:iphone”content =“myURL”>

或者您可以以类似的方式使用App Links标记:

<meta property =“al:ios:app_name”content =“myAppName”>
<meta property =“al:ios:app_store_id”content =“myAppID”>
<meta property =“al:ios:url”content =“myURL”>

有关Twitter卡的更多信息,请访问https://dev.twitter.com/cards/mobile;有关App Links的更多信息,请访问http://applinks.org

在您使用深层链接标记您的网站后,您需要确保您的应用可以处理它们。 当您支持通用链接时,当用户点击您的应用程序的深层链接时,iOS会调用您的application:continueUserActivity:restorationHandler:的代理方法。 如果您使用自定义 schema,iOS会调用openURL:打开您的应用。 Listing 5-1显示了使用openURL:的示例处理来自Smart App Banner的深层链接。

// Listing 5-1  Handling deep links

// In this example, the URL is "http://example.com/profile/?123".
func application(application: UIApplication, openURL url: NSURL, sourceApplication: String?, annotation: AnyObject) -> Bool {
    if let components = NSURLComponents(URL: url, resolvingAgainstBaseURL: true), let path = components.path, let query = components.query {
        if path == "/profile" {
            // Pass the profile ID from the URL to the view controller.
            return profileViewController.loadProfile(query)
        }
    }
    return false
}

注意:要了解有关在应用中处理通用链接的详细信息,请参阅Preparing Your App to Handle Universal Links


Enriching Search Results - 丰富搜索结果

在您的网站上标记结构化数据有助于Apple更好地解析和理解您的内容并提供更丰富的搜索结果。 例如,除了提供项目的标题和描述外,您还可以包含元数据,如图像,价格,评级和其他详细信息。 提供结构化数据的最大优势在于它可以帮助您提高搜索结果的排名:用户倾向于更多地使用包含更丰富信息的结果; 此外,更频繁地显示获得更多参与度。

要注释您的Web内容以便用户可以看到丰富的搜索结果,请对结构化数据使用基于标准的标记,例如Schema.org中定义的标记。 例如,Listing 5-2中显示的代码组合了不同类型的标记,为用户提供了如图5-4所示的丰富信息。

// Listing 5-2  Using markup to provide rich information

<title>Beats by Dr. Dre Solo2 Wireless Headphones - Apple</title>
<meta property="og:description" content="Beats by Dr. Dre Solo2 Wireless Headphones let you take your music anywhere you go. Get fast, free shipping when you buy online.">
<span itemprop="reviewCount">924</span>
<meta itemprop="ratingValue" content="4.5">
<meta itemprop="priceCurrency" content="USD">
Figure 5-4 Marking up structured data gives users rich information

虽然您必须提供深层链接,标题和说明元素来索引项目,但强烈建议您还包括特定于内容的图像。

目前支持以下schemas

  • AggregateRating
  • Offers
  • PriceRange
  • InteractionCount
  • Organization
  • Recipe
  • SearchAction
  • ImageObject

除了使用Schema.org中定义的结构化数据标记之外,您还可以提供Open Graph协议标记(在opg.me中定义)以指定结果附带的图像,标题,音频,视频和描述。 您可以使用Schema.org标记在搜索结果中启用操作。 例如,您可以让用户拨打电话号码或获取前往地址的路线。 要启用用户可以在搜索结果中执行的操作,您可以使用Listing 5-3中所示的代码。 (您可以在Search Consists of Several Technologies中查看用户如何访问这些操作的示例。)

// Listing 5-3  Enabling various actions using web markup

<!— Enable dialing a phone number. ->
  <div itemscope itemtype=
      "http://schema.org/Organization">
      <span itemprop="telephone">
      (408) 123-4567</span>
  </div>
 
  <!— Enable getting directions to an address. ->
  <div itemprop="address" itemscope
  itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">
    1 Infinite Loop
</span>
<span itemprop="addressLocality">
    Cupertino</span>,
<span itemprop="addressRegion">
    CA</span>
<span itemprop="postalCode">
    95014</span>
  </div>

正如Making Your Website Discoverable by Apple中所提到的,使用App Search API验证工具检查您添加到网站的元数据的正确性是个不错的主意。

后记

本篇主要讲述了吸引网络用户之标记Web内容,感兴趣的给个赞或者关注~~~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容