SEO adalah ilmu yang melibatkan berbagai macam hal. Saat melakukan SEO, banyak sobat yang cenderung fokus pada beberapa hal eksternal, seperti link eksternal, atau periklanan, dan lain sebagainya, sambil mengabaikan beberapa hal internal websitenya sendiri Saya akan berbicara dengan Anda tentang beberapa hal dalam tata letak HTML. Saya harap ini dapat membantu Anda, dan Anda dipersilakan untuk mendiskusikannya bersama.
1. Tulis struktur HTML yang baik
Struktur dokumen HTML yang baik bermanfaat bagi mesin pencari dan pembuat kode (pemotong atau pemrogram). Ingatlah bahwa alasan mengapa orang mengabaikan tata letak TABLE (tabel) adalah karena penggunaan tata letak TABLE menghasilkan banyak kode yang berlebihan, dan untuk mencapai efek visual tertentu, hanya beberapa tabel yang dapat diterapkan. Jadi jika Anda menggunakan tata letak DIV+CSS, tetapi dokumen HTML Anda bertumpuk terlalu dalam atau memiliki terlalu banyak kode yang berlebihan, pada dasarnya tidak ada bedanya dengan tata letak tabel. Di sini saya merekomendasikan situs web yang ditulis oleh pakar asing. Anda dapat merujuk ke struktur dokumennya Zengarden (Cicada Wing Garden) dan itu akan muncul di Baidu.
2. Gunakan LOGO Anda dengan terampil
Banyak teman yang suka menyisipkan tag IMG sebagai logo website. Menurut saya pribadi itu hanya membuang-buang sumber daya. Pasalnya mesin pencari kini hampir mengabaikan atribut ALT pada tag IMG. Ada juga fakta bahwa mesin pencari sangat mementingkan bagian pertama HTML situs web. Di sini saya akan memberikan contoh untuk mengajari Anda cara menggunakan LOGO Anda dengan terampil. Mari buka situs web Sohu untuk melihat file sumbernya dan menemukannya LOGO tidak menggunakan Gambar yang disisipkan dengan tag IMG didefinisikan seperti ini:
bagian HTML
<h1><a href=http://www.sohu.com title="Sohu-portal terbesar di Tiongkok">Sohu</a></h1>
bagian CSS
h1 {teks-indentasi：-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {width:143px;height:67px;float:left;background:url（../images/logo.gif） no-repeat;overflow:hidden;}
Banyak orang mungkin bertanya mengapa itu tag H1? Apakah ini termasuk curang? Ini tidak secara resmi dinyatakan oleh mesin pencari sebagai curang, dan situs web besar seperti Sohu melakukan ini, jadi kita hadapi saja, dan saya sudah menggunakan trik ini berkali-kali, dan sejauh ini saya belum menemukan masalah apa pun.
3. Tempatkan tag H dengan tepat
Teman-teman yang memiliki pengalaman SEO mengetahui hal ini. Tag H1~H6 memang bagus untuk pengoptimalan situs web, tetapi jika tag H Anda disalahgunakan, tag tersebut tidak hanya tidak bermanfaat bagi SEO, tetapi juga akan diturunkan atau bahkan dimusnahkan. Sebagai contoh, mari kita ambil sebuah berita sebagai contoh. Secara pribadi, saya sarankan untuk menempatkan judul di tag H1. Deskripsi singkat sekitar 50 kata dapat ditempatkan di tag H2 dapat ditambahkan pada tag H2 untuk mematikannya. Tag H3 dapat digunakan sebagai subtitle pada konten berita. H4, seperti H3, bekerja lebih baik bila digunakan bersama-sama.
4. Kombinasi estetika dan optimasi website
Saat ini, melakukan tata letak HTML di Tiongkok sering kali menjadi masalah terbesar bagi seniman atau personel pemotongan, karena sistem operasi dalam negeri hanya dapat menampilkan sedikit font di halaman web. Yang paling umum digunakan adalah Song Dynasty, tetapi banyak desainer yang menggunakannya dalam desain situs web . Adalah normal untuk menggunakan beberapa font artistik dalam naskah Anda. Namun sayangnya, browser dalam negeri hanya mendukung font Lagu dan beberapa jarang menggunakan font tebal dan miring. Teman-teman yang punya pengalaman mengiris langsung terpikir untuk mengiris gambar. Ya, ini adalah cara yang paling umum, tapi bagaimana jika hal-hal yang menggunakan font artistik ini sangat berguna untuk SEO? Penulis menggunakan trik yang belum banyak teman-teman perhatikan, yaitu menyematkan font, atau langsung menambahkan kode sesuai aturan lama:
bagian CSS
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigasi li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Perhatikan baik-baik definisi font #navigasi saya. Pertama, ini adalah Microsoft Yahei, dan kemudian konten dalam tanda kutip tunggal adalah nama font yang saya sesuaikan di atas. Saya tidak akan membahas detail tentang font khusus yang disematkan di sini. Anda dapat mencarinya di Baidu. Ini sangat sederhana dan Anda dapat mempelajarinya dalam hitungan menit.
Saya sudah banyak menulis. Tulisan saya jelek dan ini pertama kalinya saya mengirimkannya. Apakah bisa lolos review adalah sebuah pertanyaan. Namun, apa yang saya katakan berdasarkan pengalaman saya selama 7 tahun dalam membangun website , silahkan berkomentar. Paizhuan, jika lolos review, usahakan tulis hal-hal praktis sebanyak-banyaknya.
Artikel ini awalnya dibuat oleh Flagwind Network ( www.flagwind.com ), sebuah perusahaan konstruksi situs web Shenzhen. Harap jangan menghapus informasi hak cipta penulis asli saat meneruskan, terima kasih!
Terima kasih kepada Jaringan Shenzhen Qifeng atas kontribusinya