Bagikan melalui

Cari dengan Markup Web di Xamarin.iOS

  • Artikel

Untuk aplikasi yang menyediakan akses ke kontennya melalui situs web (tidak hanya dari dalam aplikasi), konten web dapat ditandai dengan tautan khusus yang akan dirayapi oleh Apple dan memberikan tautan mendalam ke aplikasi Anda di perangkat iOS 9 pengguna.

Jika aplikasi iOS Anda sudah mendukung penautan mendalam seluler dan situs web Anda menyajikan tautan mendalam ke konten dalam aplikasi Anda, perayap web Applebot Apple akan mengindeks konten ini dan secara otomatis menambahkannya ke Indeks Cloud mereka:

Gambaran umum Indeks Cloud

Apple akan menampilkan hasil ini dalam hasil Pencarian Spotlight dan Pencarian Safari. Jika pengguna mengetuk salah satu hasil ini (dan mereka telah menginstal aplikasi Anda) maka mereka akan dibawa ke konten di aplikasi Anda:

Penautan mendalam dari situs web dalam hasil pencarian

Mengaktifkan Pengindeksan Konten Web

Ada empat langkah yang diperlukan untuk membuat konten aplikasi Anda dapat dicari menggunakan Markup Web:

  1. Pastikan Apple dapat menemukan dan mengindeks situs web aplikasi Anda dengan mendefinisikannya sebagai situs web Dukungan atau Pemasaran di iTunes Koneksi.
  2. Pastikan situs web aplikasi Anda berisi markup yang diperlukan untuk menerapkan penautan mendalam seluler. Lihat bagian di bawah ini untuk detail lebih lanjut.
  3. Aktifkan penanganan tautan mendalam di aplikasi iOS Anda.
  4. Tambahkan markup untuk data terstruktur yang muncul oleh situs web aplikasi Anda untuk memberikan hasil yang kaya dan menarik bagi pengguna akhir. Meskipun langkah ini tidak benar-benar diperlukan, langkah ini sangat disarankan oleh Apple.

Bagian berikut akan membahas langkah-langkah ini secara rinci.

Membuat Situs Web Aplikasi Anda Dapat Ditemukan

Cara term mudah agar Apple menemukan situs web aplikasi Anda adalah dengan menggunakannya sebagai situs web Dukungan atau Pemasaran saat Anda mengirimkan aplikasi ke Apple melalui iTunes Koneksi.

Menggunakan Spanduk Aplikasi Pintar

Berikan Smart App Banner di situs web Anda untuk menyajikan tautan yang jelas ke dalam aplikasi Anda. Jika aplikasi belum diinstal, Safari akan secara otomatis meminta pengguna untuk menginstal aplikasi Anda. Jika tidak, penggunaan dapat mengetuk tautan tampilan untuk meluncurkan aplikasi Anda dari situs web. Misalnya, untuk membuat Smart App Banner, Anda dapat menggunakan kode berikut:

<meta name="AppName" content="app-id=123456, app-argument=http://company.com/AppName">

Untuk informasi selengkapnya, silakan lihat dokumentasi Mempromosikan Aplikasi Apple dengan Smart App Banners .

Baru menggunakan iOS 9, Universal Links memberikan alternatif yang lebih baik untuk Smart App Banners atau skema URL kustom yang ada dengan menyediakan yang berikut:

  • Unik - URL yang sama tidak dapat diklaim oleh lebih dari satu situs web.
  • Aman - Sertifikat yang ditandatangani diperlukan untuk situs web yang memastikan situs web dimiliki oleh Anda dan ditautkan secara valid ke aplikasi Anda.
  • Fleksibel – Pengguna akhir dapat mengontrol apakah URL meluncurkan situs web atau aplikasi.
  • Universal – URL yang sama dapat digunakan untuk menentukan konten situs web dan aplikasi Anda.

Menggunakan Kartu Twitter

Anda dapat menyediakan tautan mendalam ke konten aplikasi Anda menggunakan Kartu Twitter. Contohnya:

<meta name="twitter:app:name:iphone" content="AppName">
<meta name="twitter:app:id:iphone" content="AppNameID">
<meta name="twitter:app:url:iphone" content="AppNameURL">

Untuk informasi selengkapnya, silakan lihat dokumentasi Protokol Kartu Twitter Twitter.

Anda dapat menyediakan tautan mendalam ke konten aplikasi Anda menggunakan Facebook App Link. Contohnya:

<meta property="al:ios:app_name" content="AppName">
<meta property="al:ios:app_store_id" content="AppNameID">
<meta property="al:ios:url" content="AppNameURL">

Untuk informasi selengkapnya, silakan lihat dokumentasi App Links Facebook.

Anda perlu menambahkan dukungan untuk membuka dan menampilkan Deep Links di aplikasi Xamarin.iOS Anda. Edit file AppDelegate.cs dan ambil alih OpenURL metode untuk menangani format URL kustom. Contohnya:

public override bool OpenUrl (UIApplication application, NSUrl url, string sourceApplication, NSObject annotation)
{

  // Handling a URL in the form http://company.com/appname/?123
  try {
    var components = new NSUrlComponents(url,true);
    var path = components.Path;
    var query = components.Query;

    // Is this a known format?
    if (path == "/appname") {
      // Display the view controller for the content
      // specified in query (123)
      return ContentViewController.LoadContent(query);
    }
  } catch {
    // Ignore issue for now
  }

  return false;
}

Dalam kode di atas, kami mencari URL yang berisi /appname dan meneruskan nilai query (123 dalam contoh ini) ke pengontrol tampilan kustom di aplikasi kami untuk menampilkan konten yang diminta kepada pengguna.

Memberikan Hasil Yang Kaya dengan Data Terstruktur

Dengan menyertakan Markup Data Terstruktur, Anda dapat memberikan hasil pencarian yang kaya kepada pengguna akhir yang melampaui sekadar judul dan deskripsi. Sertakan gambar, data khusus aplikasi (seperti peringkat) dan tindakan untuk menghasilkan menggunakan Markup Data Terstruktur.

Hasil yang kaya lebih menarik dan dapat membantu meningkatkan peringkat Anda di Indeks Pencarian berbasis Cloud dengan menarik lebih banyak pengguna untuk berinteraksi dengan mereka.

Salah satu opsi untuk menyediakan Markup Data Terstruktur adalah dengan menggunakan Open Graph. Contohnya:

<meta property="og:image" content="http://company.com/appname/icon.jpg">
<meta property="og:audio" content="http://company.com/appname/theme.m4a">
<meta property="og:video" content="http://company.com/appname/tutorial.mp4">

Untuk informasi selengkapnya, silakan lihat situs web Open Graph .

Format umum lainnya untuk Markup Data Terstruktur adalah format Microdata schema.org. Contohnya:

<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
  <span itemprop="ratingValue">4** stars -
  <span itemprop="reviewCount">255** reviews

Informasi yang sama dapat diwakili dalam format JSON-LD schema.org:

<script type="application/ld+json">
  "@content":"http://schema.org",
  "@type":"AggregateRating",
  "ratingValue":"4",
  "reviewCount":"255"
</script>

Berikut ini menunjukkan contoh metadata dari situs web Anda yang memberikan hasil pencarian yang kaya kepada pengguna akhir:

Hasil pencarian kaya melalui Markup Data Terstruktur

Apple saat ini mendukung jenis skema berikut dari schema.org:

  • Mengagregasi
  • ImageObject
  • InteractionCount
  • Penawaran
  • Organization
  • PriceRange
  • Resep
  • SearchAction

Untuk informasi selengkapnya tentang jenis skema ini, silakan lihat schema.org.

Menyediakan Tindakan dengan Data Terstruktur

Jenis Data Terstruktur tertentu akan memungkinkan Hasil Pencarian dapat ditindaklanjuti oleh pengguna akhir. Saat ini tindakan berikut didukung:

  • Memutar nomor telepon.
  • Mendapatkan arah peta ke alamat tertentu.
  • Memutar file audio atau video.

Misalnya, menentukan Tindakan untuk memanggil nomor telepon mungkin terlihat seperti berikut ini:

<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="telephone">(408) 555-1212**

Ketika hasil pencarian ini disajikan kepada pengguna akhir, ikon telepon kecil akan ditampilkan dalam hasilnya. Jika pengguna mengetuk ikon, nomor yang ditentukan akan dipanggil.

HTML berikut akan menambahkan tindakan untuk memutar file audio dari hasil pencarian:

<div itemscope itemtype="http://schema.org/AudioObject">
  <span itemprop="contentUrl">http://company.com/appname/greeting.m4a**

Terakhir, HTML berikut akan menambahkan tindakan untuk mendapatkan petunjuk arah dari hasil pencarian:

<div itemscope itemtype="http://schema.org/PostalAddress">
  <span itemprop="streetAddress">1 Infinite Loop**
  <span itemprop="addressLocality">Cupertino**
  <span itemprop="addressRegion">CA**
  <span itemprop="postalCode">95014**

Untuk informasi selengkapnya, silakan lihat Situs Pengembang App Search Apple.