Rumah Media Sosial Bagaimana Mengoptimumkan Media Sosial dengan Protokol Grafik Terbuka Facebook - dummies

Bagaimana Mengoptimumkan Media Sosial dengan Protokol Grafik Terbuka Facebook - dummies

Video: How we take back the internet | Edward Snowden 2025

Video: How we take back the internet | Edward Snowden 2025
Anonim

Facebook adalah laman media sosial terkemuka di dunia. Jika anda berharap untuk mengoptimumkan media sosial, anda perlu tahu mengenai Protokol Grafik Terbuka Facebook. Protokol Grafik Terbuka adalah standard markup semantik yang diperkenalkan oleh Facebook pada tahun 2010 dan kini diterima secara meluas. Sesetengah orang melihat Open Graph sebagai bersaing dengan Schema. org, tetapi pada hakikatnya, kedua-dua piawai adalah pelengkap.

Ia mungkin untuk melaksanakan kedua-dua Skema. org microdata dan markup Graph Terbuka. Piawaian tidak bercanggah.

Kedua piawaian ini mempunyai matlamat yang sama: untuk lebih menggambarkan maklumat pada halaman web. Perbezaan utama boleh diringkaskan dengan cara ini:

  • Grafik Terbuka metadata menerangkan halaman secara keseluruhan.

  • Skema. org microformats menerangkan unsur-unsur tertentu pada halaman. Penanda grafik Terbuka

mengandungi kurang maklumat daripada Skema. org-microdata tetapi lebih mudah dilaksanakan. Untuk membuat laman web anda Terbuka Grafik, anda perlu menambah metadata asas ke halaman anda. Seperti metadata tradisional, metadata Grafik Terbuka masuk ke dalam tag halaman web.

Dalam Terbuka Grafik Terbuka, halaman web adalah objek Grafik Terbuka.

Grafik Terbuka mempunyai empat sifat yang diperlukan:

  • og: title : Tajuk halaman yang anda mahu ia muncul dalam mana-mana sistem yang membaca data Grafik Terbuka.

    Adalah lebih baik untuk mengekalkan tag tajuk yang lebih pendek daripada 88 aksara. Walaupun anda boleh menambah aksara, Facebook memaparkan hanya 88 pertama

  • og: ketik : Jenis objek anda. Jenis ditetapkan oleh protokol dan agak banyak.

    jenis adalah harta yang menarik, kerana ia mengawal di mana bahagian itu muncul dalam kepentingan pengguna di Facebook. Jika, sebagai contoh, anda menetapkan jenis objek untuk "filem" dan pengguna berkongsi objek itu, bahagian itu muncul sebagai salah satu kepentingan pengguna di bawah tajuk Filem di profil Facebook orang itu.

    Semak di sini untuk mengetahui semua jenis objek.

  • og: imej : URL imej yang anda mahu mewakili halaman.

    imej adalah teg penting, kerana imej yang baik dapat membantu penyebaran kandungan anda. Gunakan tag ini untuk mengawal apa yang muncul apabila kandungan anda dikongsi dan pastikan ia dioptimum supaya sesuai dengan baik di Facebook. (Nisbah 1. 9: 1 berfungsi paling baik. Jauhkannya lebih besar daripada 400 × 209 piksel.)

    Jangan tinggalkan tag ini kosong. Jika anda melakukannya, Facebook hanya akan menarik beberapa imej lain dari halaman - mungkin membawa kepada hasil yang tidak sesuai.

  • og: url : URL halaman tersebut.Kandungan tag url menentukan di mana pengguna pergi apabila dia mengklik butang Kongsi.

Beberapa elemen yang diperlukan mempunyai atribut tambahan tambahan, dan anda boleh memberikan beberapa nilai untuk sesetengahnya jika anda inginkan.

Pilihan termasuk

  • og: audio : Jika anda ingin fail audio untuk mengiringi objek, gunakan tag ini dan tentukan URL fail tersebut.

  • og: description : Gunakan tag ini untuk memberikan penerangan satu atau dua kalimat objek.

    Facebook memaparkan hanya 300 aksara pertama dari keterangan anda.

  • og: determiner : Teg ini membolehkan anda untuk menentukan perkataan yang mendahului tajuk objek dalam ayat - biasanya, a, atau .

  • og: locale : Tag ini menentukan tempat untuk halaman - dengan kata lain, bahasa pada halaman. Jika kandungan anda dalam Bahasa Inggeris Amerika, sebagai contoh, nilai untuk tag ini akan menjadi en_us.

  • og: locale: alternate : Jika halaman ditawarkan dalam berbilang bahasa, anda boleh menyenaraikan semuanya dengan menggunakan tag ini.

  • og: site_name : Jika halaman web adalah sebahagian daripada tapak yang lebih besar yang mempunyai nama yang berlainan, gunakan tag ini untuk menentukan nama tapak.

  • og: video : Jika anda mempunyai fail video untuk disertakan, gunakan teg ini untuk menentukan URL fail itu.

Menggunakan tag lebih mudah dipahami dengan contoh. Dalam contoh berikut, anda dapat melihat bagaimana anda boleh melaksanakan markup Graph Open untuk halaman web tentang buku yang bertajuk HowTo: WordPress 4:

 200x300. png ">  Ditulis oleh Ric Shreves dan diterbitkan oleh digital air & batu. Kini tersedia di Amazon. com, Google Play Store dan di laman web ini. Diterbitkan dalam versi ePub, Mobi dan PDF. ">

Teg Grafik Terbuka anda masuk ke dalam tag halaman. Ambil perhatian bahawa jika anda menggunakan sistem pengurusan kandungan yang popular (seperti WordPress, Joomla !, atau Drupal), pemalam akan mengendalikan tugas ini untuk anda supaya anda tidak perlu menulis sebarang kod.

Hasil pelaksanaan metadata Grafik Terbuka mengawal apa yang dipaparkan apabila seseorang berkongsi kandungan di laman web. Jika seseorang berkongsi halaman dengan markup yang ditunjukkan dalam kod sebelumnya, inilah yang kelihatannya.

Contoh output saham Facebook.

Jika anda tidak pasti bahawa anda melakukan satu markup Graf Terbuka anda dengan betul, cubalah menggunakan Debugger Grafik Terbuka Facebook yang berguna.

Walaupun metadata Grafik Terbuka adalah kunci kejayaan kandungan anda di Facebook, ia juga digunakan oleh beberapa laman sosial penting lain, termasuk Twitter, Pinterest, LinkedIn, dan Google+.

Adakah markup Graf Terbuka berfungsi? Ia pasti! Laman web E-book Kobo mendakwa telah mencapai peningkatan 50 peratus lalu lintas dari Facebook selepas melaksanakan tag Grafik Terbuka.

Bagaimana Mengoptimumkan Media Sosial dengan Protokol Grafik Terbuka Facebook - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...