Rumah Keuangan Pribadi Tambahkan Judul Gambar Alternatif untuk Desain Blog yang Lebih Baik - dummies

Tambahkan Judul Gambar Alternatif untuk Desain Blog yang Lebih Baik - dummies

Daftar Isi:

Video: cara buat PATTERN di photoshop - Photoshop Tutorial Indonesia 2024

Video: cara buat PATTERN di photoshop - Photoshop Tutorial Indonesia 2024
Anonim

Judul gambar alternatif (atribut alternatif atau apa yang HTML sebut alt) menyediakan browser dengan cara menangani gambar blog saat bisa akan ditampilkan untuk beberapa alasan. Di tempat gambar blog Anda, browser menampilkan teks gambar alternatif. Gambar mungkin tidak ditampilkan di browser pengunjung karena berbagai alasan, seperti koneksi Internet yang lambat, atau PC yang lambat.

Saat merancang blog Anda, Anda menginginkan setiap komponen blog Anda, termasuk gambar Anda, untuk menggambarkan tujuan dan konten blog Anda dengan teks. Karena judul gambar alternatif adalah elemen yang paling deskriptif dalam HTML untuk menjelaskan konten gambar menggunakan teks, namun judul ini lebih penting dari perspektif desain SEO dan navigasi.

Sertakan teks alt yang sesuai dalam desain blog Anda

Di sini Anda melihat panel WordPress untuk mengedit tampilan gambar di halaman. Sampel menunjukkan tata letaknya berkenaan dengan beberapa teks yang berdekatan - bukan teks sebenarnya dari halaman tersebut, namun beberapa bahasa Latin yang digunakan WordPress sebagai placeholder. Di tengah panel ada kolom Alternative Text. Perhatikan bahwa ini terpisah dari kolom Caption dan field Title.

Bila Anda memasukkan nilai atribut alt, pada tag HTML untuk gambar, tampilannya seperti ini:

Apakah gambar adalah bagian dari desain utama blog Anda atau satu entri blog, sertakan kata kunci yang relevan di atribut alt Anda sehingga mesin pencari dapat menemukannya lebih mudah. Seorang pengguna mesin pencari dapat menavigasi ke blog Anda dengan mencari gambar terlebih dahulu - misalnya, selimut kait - dan mengklik gambar untuk membaca tulisan yang terkait dengannya, di mana dia mungkin menemukan petunjuk untuk merajutnya.

Alt atribut juga meningkatkan kegunaan, dengan memungkinkan orang-orang dengan kebutaan atau gangguan penglihatan untuk mengidentifikasi gambar yang muncul di situs Anda. Perangkat bantu dapat membaca dengan keras teks untuk setiap atribut alt.

Sertakan atribut gambar lainnya dalam desain blog Anda

Perhatikan contoh gambar WordPress juga menunjukkan field Title. Saat pengguna melayang di atas gambar, dan memiliki bidang Judul, browser akan menunjukkan teks itu di lokasi penunjuk mouse.

Meskipun deskripsi judul dapat memberikan informasi tambahan tentang sebuah foto, ini lebih bermanfaat bagi orang daripada mesin pencari. Namun, Anda bisa lebih eksplisit dengan bidang Judul daripada atribut alt, yang merupakan ringkasan yang lebih tepat.

Jika tema blog menyertakan spasi untuk judul, isinya bisa diketik ke kolom Caption. Ini untuk teks yang Anda inginkan agar pembaca lihat tanpa harus melayang-layang di atasnya terlebih dahulu.

Deskripsi judul cukup penting jika pembaca blog Anda menggunakan Pinterest. Ketika seseorang memasang pos Anda menggunakan bookmarklet PinIt mobile, bookmarklet itu akan menarik deskripsi judul dari gambar yang menyertai pos tersebut. Pinterest kemudian menggunakan judul gambar Anda sebagai deskripsi pin. Tanpa deskripsi, Pinterest menarik nama file gambar, yang mungkin kurang deskriptif.

Intinya: Bila Anda menggunakan semua alat yang tersedia bagi Anda untuk mendeskripsikan topik blog Anda, semakin besar kemungkinan mesin pencari menerima blog Anda sebagai otoritatif mengenai topik tersebut.

Tambahkan Judul Gambar Alternatif untuk Desain Blog yang Lebih Baik - dummies

Pilihan Editor

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Sebagian besar desain SketchUp Pro presentasi yang Anda (atau perusahaan Anda) susun mungkin terlihat sama - lagipula, itu adalah bagian dari identitas merek Anda. Jika dokumen presentasi yang Anda buat adalah semua variasi pada beberapa tema, mengapa tidak membuat template Anda sendiri dan menggunakannya setiap kali Anda memulai sebuah proyek baru? ...

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Sebagian besar waktu, Anda bisa ' t pergi dengan menggunakan komponen pintu dan jendela buatan SketchUp. Karena komponen ini tidak bisa menembus dinding berwajah dua, mereka hanya sebatas penggunaan luar saja. Tidak apa-apa; memotong lubang Anda sendiri di dinding cepat dan mudah, dan Anda berakhir dengan apa yang Anda inginkan. Untuk memotong ...

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Kebanyakan bangunan bukanlah ekstrusi sederhana; Mereka bertemu dan keluar saat mereka bangkit. Dek lantai dua duduk di atas garasi lantai satu; kamar tidur kantilever di atas kebun; atap antara tempat tinggal tambahan kamar baru. Bangunan - terutama rumah bertingkat - adalah majelis yang rumit. Mencari tahu di mana dinding, lantai, dan langit-langit berkumpul membutuhkan waktu, trial and error, dan yang baik ...

Pilihan Editor

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Setelah Anda menentukan profil warna Anda di kotak dialog Color Settings Dalam karya Adobe Photoshop Creative Suite 6, Anda mungkin ingin mendapatkan pegangan bagaimana pengaturan yang baru terbentuk ini memengaruhi cara kerja Photoshop. Meskipun pengaturan biasanya hanya mempengaruhi bagaimana Photoshop bekerja di latar belakang, Anda mungkin ingin menyadarinya ...

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Menggunakan alat seleksi Photoshop Creative Suite 5 untuk membuat gambar terlihat seolah-olah Anda belum membuat ulang atau mengeditnya - untuk membuat foto Anda terlihat nyata, tidak dibikin. Alat Marquee adalah alat seleksi utama; Dengan itu, kami berarti Anda menggunakannya paling sering untuk membuat pilihan. Alat Marquee mencakup Rectangular ...

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Akan menghargai Photo Filter perintah di Photoshop CS6 dan kemampuannya untuk menambahkan warna, yang mengingatkan pada metode analog menempatkan filter berwarna di depan lensa kamera untuk men-tweak keseimbangan warna dan suhu warna cahaya yang masuk melalui lensa. Ini adalah cara yang bagus untuk ...

Pilihan Editor

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

Beberapa pertanyaan membaca LSAT bertanya Anda tentang pernyataan spesifik dari bagian ini. Pertanyaan-pertanyaan ini berpotensi menjadi jenis pertanyaan bacaan paling mudah karena informasi yang Anda butuhkan untuk menjawab pertanyaan tersebut dinyatakan di bagian ini, dan jawaban yang benar adalah parafrase. Anda hanya perlu menemukannya. Informasi ini mungkin bersifat kuantitatif, seperti ...

Reasoning logis LSAT Practice - dummies

Reasoning logis LSAT Practice - dummies

Setiap LSAT menyertakan bagian dari pertanyaan yang disebut penalaran logis. Anda akan diminta untuk membaca sebuah bagian dan memilih jawaban terbaik dari pilihannya. Cobalah beberapa latihan. Pertanyaan contoh penalaran logis Sebuah perusahaan kosmetik melakukan studi tentang warna rambut yang melibatkan 100 wanita, yang semuanya mewarnai rambut mereka dengan ...

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

Bagian pemahaman bacaan dari LSAT berisi berbagai jenis pertanyaan. Yang harus Anda siapkan adalah pertanyaan besar. Pertanyaan ide utama dan pertanyaan yang meminta Anda untuk mengidentifikasi tujuan utama sebuah bagian mempertimbangkan keseluruhan bagian. Hampir setiap bagian memiliki setidaknya satu pertanyaan yang meminta Anda untuk melihat ...