Mengatasi missing ALT Attribute Gravatar WordPress

0
189

Mengatasi missing ALT Attribute Gravatar WordPress | SatuManado – Sekitar Dua hari yang lalu ketika saya sedang mencoba beberapa plugins google chrome, yang kemudian membantu saya melalukan analisa meta tag dan gambar. Dari hasil menemukan masalah diwebsite saya yaitu, terdapat satu gambar yang tidak memiliki alt attribute. saya mulai berpikir mungkin ada salah satu gambar postingan ini, yang lupa saya masukan alt atributnya namun setelah beberapa pengecekan dieditor wordpress semua gambar yang saya upload dan saya masukan ke dalam postingan sudah memiliki alt atribut, lengkap dengan title dan description. Lalu, dimana letak 1 gambar yang tidak memiliki alt atribut ini?, untuk informasi saya menggunakan plugin google chrome Oncrawl SEO page audit untuk melakukan pengecekan meta tag dan alt atribut disetiap postingan dan halaman utama website saya. dengan batuan plugin ini, saya melakukan pengecekan pada postingan lain karena bisa saja 1 gambar yang tidak memiliki alt atribut tersebut hanya pada 1 artikel saja dan ternyata setelah pengecekan terdapat 1 gambar yang tidak memiliki alt atribut pada setiap artikel atau postingan diwebsite saya. Untuk memastikan, diwebsite ini hanya ada 2 gambar yang muncul disetiap halaman artikel yaitu logo Header (satumanado diatas) dan logo gravatar, saya melakukan inspeksi pada kedua gambar ini dan menemukan bahwa logo header jelas memiliki alt attribut yang mantap 😀 sementara Logo gravatar Pada author box tidak memiliki ALT atribut ! tersangka sudah ditemukan ! langkah selanjutnya tinggal Memberikan ALT attribut pada logo gravatar tersebut dan berikut cara Mengatasi missing ALT dan TITLE Attribute Logo Gravatar WordPress saya paparkan dibawah.

Apa Itu ALT ATRIBUT pada Gambar ?

Apa itu alt atribut ?Atribut alt menetapkan teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan. ada beberapa alasan gambar tidak ditampilkan contohnya

  • karena koneksi lambat,
  • kesalahan dalam atribut src,
  • atau jika pengguna mode baca

jadi, ketika gambar tidak bisa ditampilkan karena salah satu alasan diatas maka text yang ada pada alt attribut yang akan ditampilkan sebagai alternatif jika gambar bermasalah.

Kenapa Gambar Harus memiliki ALT Atrribute ?

Mengoptimalkan SEO pada website dan untuk mengikuti ketentuan HTML5 mengharuskan sobat untuk membarikan ALT attribut dan TITLE atribut tag pada semua gambar yang ditampilkan di website sobat. Di WordPress, secara default, WordPress menggunakan Logo Gravatars (layanan untuk menyediakan avatar yang unik secara global) dan menempatkannya ke dalam posting dan komentar di website Sobat. Namun Gravatar tidak secara otomatis memberikan Tag Alt atribut dan title Tag pada gambar-gambar tersebut, yang sebenarnya kita butuhkan untuk mengoptimasi SEO baca artikel kami tentang apa itu SEO dan menjadikan website kita valid dengan ketentuan HTML5.

Cara Mengatasi missing ALT Attribute Gravatar WordPress

untuk Mengatasi missing ALT dan TITLE Attribute pada Logo Gravatar sobat perlu melakukan mengedit file Function.PHP ditema WordPress Sobat, dan masukan kode dibawah ini :

function replace_content($text)
{
$alt = get_the_author_meta( 'display_name' );
$text = str_replace('alt=''', 'alt='Avatar for '.$alt.'' title='Gravatar for '.$alt.''',$text);
return $text;
}
add_filter('get_avatar','replace_content');

Jangan kawatir caranya cukup mudah bahkan bagi orang yang baru mengenal wordpress berikut langkah demi langkah untuk Mengatasi missing ALT dan TITLE Attribute pada gambar Gravatar :

  1. Pertama silahkan Copy Kode / code diatas.

    Copy Code untuk mengatasi missing ALT attribut pada LOGO
    Copy Code untuk mengatasi missing ALT attribut pada LOGO
  2. Buka Dashboard WordPress Lalu klik menu Appearance >> Editor lalu cari File Function.php klik gambar untuk melihat animasi.
    Cari File function php dieditor wordpress
    Cari File function php dieditor wordpress

    file Function php ditema wordpress
    file Function php ditema wordpress
  3. di File Function.php Scroll hingga paling bawah Lalu paste code / kode yang sudah dicopy pertama kala Lalu klik “Update“.

    Simpan Perubahan diFunction php
    Simpan Perubahan diFunction php
  4. Langkah terakhir adalah memverifikasi jika semua logo gravatar sudah memiliki ALT dan Title ATRIBUT dengan bantuan Inspek element dibrowser. Disini saya menggunakan browser google Chrome :
    verifikasi ALT atribut pada Logo Gravatar
    verifikasi ALT atribut pada Logo Gravatar

    jika hasil inspeksi pada gambar sudah memiliki “alt=”gravatar for contoh” berarti sobat sudah berhasil menambahkan ALT atribut pada logo gravatar.

untuk mengecek apa logo gravatar sudah memiliki alt image bisa juga menggunakan plugin google chrome yang saya gunakan pada awal artkel tadi. semoga artike tentang cara Mengatasi missing ALT Attribute Gravatar WordPress bisa bermanfaat bagi sobat semua terima kasih.

TINGGALKAN KOMENTAR

Please enter your comment!
Silahkan masukan nama Anda disini

This site uses Akismet to reduce spam. Learn how your comment data is processed.