Apri Validatore grafico

Estrai e verifica i metadati di qualsiasi grafico aperto

Esamina i grafici aperti con Open Graph Validator di ETTVI per assicurarti che i metadati di una pagina web attirino l'attenzione quando vengono condivisi sui social media. Questo strumento avanzato aiuta i webmaster a scoprire in tempo reale quanto bene appaiono i loro collegamenti web su Facebook, Pinterest, Instagram e LinkedIn.

Basta inserire l'URL della tua pagina web e vedere quanto velocemente l'Open Graph Validator di ETTVI visualizza l'anteprima e i metadati del grafico aperto. Estrarrà ed evidenzierà copiabile:

• Titolo di Open Graph

• Descrizione di Open Graph

• Tipo di risorsa Web

• Nome del sito web

• URL del sito

• URL dell'immagine

L'innovativo Open Graph Generator Validator di ETTVI estrae i  meta tag OG  : recupera e visualizza automaticamente i meta tag del grafico aperto. L'utente può facilmente copiare o scaricare i codici del grafico aperto richiesto.

Verifica ed estrai i meta tag del grafico aperto: visualizza in anteprima gratuitamente come appaiono i collegamenti Web sui social media.

Segui questi passaggi per controllare il grafico aperto di qualsiasi collegamento web:

PASSO 1 “Inserisci URL”

Posiziona il collegamento a una pagina Web per convalidare il suo grafico aperto come segue:

PASSO 2 “Esegui lo strumento”

Fare clic su convalida per eseguire Open Graph Checker di ETTVI.

PASSO 3 “Anteprima del grafico aperto”

L'Open Graph Validator di ETTVI mostrerà il grafico aperto per mostrare come apparirà il tuo collegamento sui social media come segue:

PASSO 4 “Controlla i dettagli del grafico aperto”

L'Open Graph Validator di ETTVI estrarrà ed evidenzierà le seguenti informazioni:

PASSO 5 “Ottieni meta tag del grafico aperto”

L'Open Graph Validator di ETTVI estrarrà i meta tag OG e li visualizzerà come segue:

Fare clic su o per salvare i meta tag del grafico aperto specificato.

L'Open Graph Validator di ETTVI serve al meglio per assicurarsi che gli utenti dei social media trovino i tuoi collegamenti web significativamente notevoli o meno. Ti consente di visualizzare in anteprima e verificare il grafico aperto di qualsiasi web in meno di un minuto. Inoltre, puoi estrarre facilmente metadati e meta tag copiabili di qualsiasi grafico aperto con lo strumento avanzato di ETTVI.

Dai un'occhiata qui sotto per sapere cosa offre Open Graph Checker di ETTVI e perché dovresti sceglierlo:

Interfaccia intuitiva

Il team ETTVI si è assicurato che gli utenti possano facilmente trovare, accedere e utilizzare questo strumento per testare il grafico aperto di qualsiasi risorsa web. Tutte le caratteristiche e le funzioni dell'Open Graph Validator di ETTVI sono state ben visibili e correttamente visualizzate in modo organizzato. Inoltre, è stato chiaramente specificato cosa fa l'Open Graph Tester di ETTVI, come e perché gli utenti dovrebbero utilizzarlo.

In effetti, il modo in cui questo strumento è stato progettato e sviluppato per controllare il grafico aperto di qualsiasi collegamento web è davvero notevole. Funziona in modo efficiente e accurato per aiutare i webmaster a convalidare qualsiasi grafico aperto.

Convalida con un clic

L'Open Graph Validator di ETTVI richiede semplicemente all'utente di inserire l'URL di una risorsa web per recuperare e visualizzare il suo grafico aperto. Con un solo clic, gli utenti possono controllare e convalidare il grafico aperto di qualsiasi pagina web. Nel caso in cui l'utente riscontri problemi con la comprensione del funzionamento dello strumento, può leggere il manuale integrato per sapere come testare il grafico aperto con Open Graph Validator di ETTVI.

Estrazione rapida

Quando l'utente inserisce l'URL di una risorsa web, recupera e visualizza automaticamente tutti i dettagli del grafico aperto. In breve, l'Open Graph Validator di ETTVI estrae i metadati e i meta tag del grafico aperto richiesto e consente agli utenti di copiarli o scaricarli secondo necessità. Di sicuro, tutti i webmaster, compresi SEO, operatori di social media e blogger, possono sfruttare questo strumento avanzato per tenere traccia dei meta tag og o del titolo e della descrizione di qualsiasi grafico aperto in tempo reale.

Accesso gratuito e illimitato

ETTVI consente agli utenti di accedere e utilizzare l'Open Graph Validator gratuitamente. Persone da tutto il mondo possono convalidare i grafici aperti con questo strumento avanzato, indipendentemente da qualsiasi limite di tempo e abbonamento.

Konten adalah hal yang paling penting. Namun, materi terbaik pun tidak akan diperhatikan tanpa berbagi di media sosial dan platform yang mempromosikan berbagi. Jika pengguna ingin memaksimalkan jangkauan di jejaring sosial, hal pertama yang harus dilakukan pengguna adalah meningkatkan tampilan konten saat dibagikan, yang dapat dilakukan SEO dengan tag Open Graph.

Apa itu Tag Meta Grafik Terbuka?

Setiap halaman web dapat diubah menjadi objek kaya dalam grafik sosial melalui protokol Open Graph. Dimungkinkan untuk mengubah tampilan URL di media sosial dengan menambahkan tag meta Open Graph ke header tag HTML.

Bagian halaman web berisi tag ini. Tag Open Graph adalah tag apa pun dengan awalan og: sebelum nama properti.

Tag meta untuk grafik terbuka diberi kode sebagai berikut:

Setelah mempelajari apa itu tag grafik terbuka, SEO mungkin menanyakan seperti apa pengkodean untuk tag tersebut.

Rumus dasar pengkodean ini adalah sebagai berikut:

Meskipun Facebook memelopori konsep ini, konsep ini telah diadopsi oleh perusahaan media sosial lainnya. Twitter, LinkedIn, dan Google mengenali tag Grafik terbuka. Meskipun Twitter memiliki tag meta sendiri yang disebut "Twitter Cards", Twitter masih mengenali dan menggunakan tag Open Graph dan akan melakukannya jika tidak ada Twitter Cards yang ditemukan. Namun, SEO dapat menggunakan pemeriksa grafik terbuka ETTVI, yang memberikan gambaran umum tentang tag valid yang telah berhasil diterapkan.

Mengapa Open Graph Protocol Diperlukan untuk Situs Web?

Open Graph Protocol meningkatkan pengalaman pengguna atas konten yang dibagikan. Ini meningkatkan keterpaparan konten, membuatnya lebih menarik, dan mendorong pembaca untuk mengkliknya.

Misalnya, berinteraksi dengan item kaya seperti:

• Tingkatkan jumlah orang yang mengunjungi situs web

• Tingkatkan peringkat mesin pencari dan tingkatkan penjualan

• Mencapai tautan balik berkualitas tinggi ke situs web

• Tingkatkan jumlah orang yang merespons konten tertentu

• Tingkatkan pengikut media sosial

• Meningkatkan rasio klik-tayang (RKT) situs web

Gunakan tag OG untuk memberi tahu jaringan media sosial tentang konten apa yang harus mereka tampilkan ketika seseorang membagikan konten tersebut. Facebook bukanlah tempat yang baik untuk memposting tautan jika gambarnya hilang atau judulnya salah. Tag OG juga dapat digunakan untuk menargetkan kelompok atau lokasi tertentu. Misalnya, SEO dapat mengontrol informasi yang ditampilkan kepada pengguna di area tertentu. Mari kita mulai dengan beberapa dasar Metadata untuk grafik terbuka.

Dasar-dasar metadata

Ada empat tag meta mendasar yang harus disertakan setiap halaman:

• og:title: judul halaman. Ini tidak boleh mencakup pengidentifikasi khusus situs apa pun, namun hanya informasi tentang laman itu sendiri.

• og:type: tipe konten halaman. Jenis yang paling umum adalah situs web, namun lebih banyak variasi tersedia jika webmaster memerlukan sesuatu yang lebih spesifik.

• og:image: gambar yang akan muncul di preview link. Ini harus merupakan gambar yang mewakili konten halaman. Selain itu, ada baiknya menyertakan gambar cadangan yang mewakili situs yang ditautkan dengan tautan tersebut.

• og:url: URL kanonik laman. URL tersebut harus sepenuhnya memenuhi syarat.

Meskipun penerapan tag Open Graph tidak akan berdampak langsung pada SEO pada halaman, hal ini pasti akan berdampak pada kinerja tautan media sosial. Oleh karena itu, ini merupakan aspek penting untuk diselidiki!

Pengertian DAN Meta Tag di Facebook

Tag meta grafik terbuka di Facebook hadir dalam berbagai rasa. Berikut ini banyak jenis grafik terbuka yang akan menjelaskan cara penggunaannya masing-masing.

dan: judul

Judul konten ditentukan dengan cara yang diharapkan pengguna. Kode tersebut masih dapat menggunakan tag judul meta standar untuk tujuan ini. Judul meta digunakan sebagai pengganti tag og:title jika Facebook tidak menemukannya di halaman.

Pastikan untuk mengingat bahwa teks yang ditampilkan di umpan berita Facebook dicetak tebal dan sangat menarik perhatian. Ibarat judul artikel blog yang bagus, pasti menarik.

Aturan praktis yang masuk akal adalah tetap menggunakan antara 60 dan 90 karakter, namun tidak ada batasan atas atau bawah. Facebook akan memotong judul menjadi hanya 88 karakter jika lebih dari 100 karakter.

dan: url

Saat membagikan halaman, maka mudah untuk mengatur URL kanonik halaman tersebut. Pada dasarnya, ini berarti semua share akan ditautkan ke satu halaman web. Ini adalah tag yang berguna jika konten memiliki banyak URL yang mengarah ke konten yang sama. Catatan penting: Umpan berita Facebook hanya menampilkan nama domain dan bukan URL yang diberikan pengguna.

dan: mengetik

Ini mengungkapkan jenis objek, berikut beberapa contohnya:

Hiburan:

• buku

• permainan

• film

Ada banyak tumpang tindih antara meta-deskriptor ini dan tag deskripsi meta HTML. Tag og:description digunakan untuk mendeskripsikan konten di Facebook; itu ditampilkan di bawah judul tautan, bukan di bagian atas halaman hasil mesin pencari. Jangan menghabiskan terlalu banyak waktu untuk mencoba mencari cara memasukkan kata kunci ke dalam konten. Akibatnya, hal itu tidak akan berdampak pada peringkat mesin pencari. Namun, jika SEO ingin pengguna mengkliknya, mereka harus membuatnya menarik dan menarik, dan mereka dapat memeriksa deskripsi og, judul, gambar, dan konten mereka dengan validator grafik terbuka ETTVI.

Kartu Twitter

Kartu Tumblr adalah jenis tag meta sosial yang hanya digunakan untuk tweet.

Twitter menggunakan tag kartu Twitter, yang memberikan kekuatan dan pilihan lebih besar ketika tersedia. Jika tidak, Open Graph digunakan sebagai default (sekali lagi, jika tersedia).

Dengan kartu Twitter, konten tambahan, seperti foto, video, dan media lainnya, langsung dimasukkan ke dalam Tweet, sehingga meningkatkan interaksi.

Tag untuk kartu Twitter

Twitter:card menentukan jenis kartu yang digunakan dalam suatu situasi.

Ringkasan - menawarkan kartu ringkasan yang menyertakan gambar persegi disertai dengan informasi ringkasan.

Gambar Ringkasan Besar: Jika gambar yang digunakan berbentuk persegi panjang, pengguna ingin menggunakan gambar ringkasan besar daripada gambar ringkasan kecil.

twitter:description (og:description) Deskripsi halaman atau artikel.

twitter:site Menggunakan pegangan Twitter, terkait dengan bisnis atau situs web

twitter:pencipta (Opsional). Membuat akun Twitter pembuat konten. Hanya jika twitter:card didefinisikan untuk meringkas gambar besar maka tag ini akan bermakna.

Gambar persegi (melalui twitter:tag gambar) berukuran antara 4096x4096 dan 144x144 piksel dapat digunakan untuk Twitter:kartu yang disetel ke ringkasan.

Selain itu, gambar persegi panjang antara 4096x4096 dan 300x157 piksel didukung untuk parameter ringkasan gambar besar, yang dapat digunakan untuk gambar lebih besar. File JPG, WEBP, GIF, dan PNG semuanya didukung, dan ukuran filenya tidak boleh melebihi 5 MB. Twitter, di sisi lain, tidak mendukung GIF animasi. Sebagai gantinya, frame pertama digunakan. Namun, alat Open Graph Checker dari ETTVI akan membantu para profesional SEO dalam mengidentifikasi dan mengoptimalkan OG Tag pada halaman web, sesuai dengan kebutuhan mereka.

Menyiapkan Tag Grafik Terbuka Shopify untuk Facebook

Tag OG seperti og:title dan og:image diambil dari variabel seperti tag judul dan gambar unggulan di sebagian besar tema Shopify. Hanya tag og:image yang dapat dikustomisasi melalui UI Shopify. Tema/ Sesuaikan/ Pengaturan tema/ Sesuaikan/ Media sosial/ pilih gambar dari menu drop-down. Untuk melihat cara melakukannya, buka Toko Online > Tema > Tindakan>Edit kode>Cuplikan>cairan meta-sosial di bilah gulir. Jika pengguna perlu melakukan perubahan pada kode, mereka dapat melakukannya.

Wix Izinkan untuk Menambahkan Tag Grafik Terbuka

Selain judul dan deskripsi meta halaman, Wix juga menggunakan data lain untuk mengisi tag OG pada umumnya.

Dalam opsi "Berbagi di media sosial", pengguna dapat mengubah deskripsi, judul, dan gambar OG setiap halaman. Gambar OG juga dapat disesuaikan untuk keseluruhan situs. Di menu utama, pilih Pengaturan > Berbagi Sosial. Wix mempermudah penambahan tag OG karena tidak perlu melakukan hardcode.

Buka Tag Grafik di Panel Admin WordPress

Plugin SEO Yoast dapat membantu meningkatkan peringkat situs web di mesin pencari. Kotak alat SEO harus ditampilkan di editor posting atau halaman, hingga ke bawah. Pilih "Facebook" dari menu tarik-turun "Sosial".

Untuk menyetel tag og:description, og:title, dan og:image, ketik informasinya di sini. Tidak perlu mengatur og:url secara eksplisit, Yoast yang menangani ini. Dimensi gambar juga disertakan dalam daftar tag OG yang dapat bermanfaat. Pengguna mungkin tidak mengetahui hal ini, tetapi jika pengguna tidak memiliki gambar unggulan untuk postingan, Yoast akan menggunakannya secara default. Untuk menghemat waktu, ia juga akan menambahkan Twitter Card dan tag OG lainnya, seperti nama situs, ukuran gambar, dan sebagainya.

Menyetel tag og:image di seluruh situs juga disarankan. Jika URL bersama tidak memiliki tag khusus, pesan ini akan ditampilkan. Menggunakan pengaturan Yoast, opsi ini akan ditemukan. Yoast > Facebook > Jejaring Sosial Setelah tombol disetel ke "Diaktifkan", kirimkan gambar yang sesuai. Ini adalah tempat yang bagus untuk citra merek.

Apa Jadinya Jika Postingan Tidak Memiliki Tag OG?

Secara default, sebagian besar jejaring sosial akan melakukan yang terbaik untuk membuat cuplikan konten. Seringkali, hal ini tidak berjalan sesuai rencana. Meskipun nama halaman saya muncul di judul dan deskripsi, tweet tersebut tidak terlalu menarik perhatian. Kami melihat cerita yang berbeda jika dibandingkan dengan pratinjau satu postingan. Lantas, apa jadinya jika pengguna tidak menggunakan tag grafik terbuka di situsnya? Tidak ada hal buruk yang akan terjadi tetapi tidak akan dapat menggunakan beberapa karakteristik yang membedakan Konten tersebut dari banjirnya konten lain yang diposting online.