Çərşənbə axşamı, 21 dekabr 2010-cu il
Paylaşıldığı yer:
Google Grants Blog
Bayram mövsümü yaxınlaşdıqca, hamımızın etməli olduğumuz bir qədər texniki xidmət işi var. Məhz buna görə də ikinci yazımızı
sayt klinikası seriyamızda
mənbə kodunuzun təmizlənməsinə həsr etmək istədik. Təqdim olunan qeyri-hökumət təşkilatı veb-saytlarının təhlili boyunca biz harada hansı HTML işarələrindən və ya teqlərindən istifadə etmək və onların içərisində hansı məzmunu yerləşdirmək lazım olduğu barədə müəyyən qarışıqlıqlar müşahidə etdik ki, bunların hər ikisi istifadəçilərə və veb-saytınızın Axtarış nəticələri səhifəsində necə görünməsinə əhəmiyyətli təsir göstərə bilər.
Binaları bəzəməzdən əvvəl bəzəyin <title>elementləri
Təqdim olunan bütün QHT veb-saytları arasında 27%-i həm Google-a, həm də istifadəçilərə veb-saytınız üçün nəyin vacib olduğunu bildirməkdə kritik əhəmiyyət kəsb edən <title>
elementlərindən yanlış istifadə edirdi. Adətən, axtarış sistemi başqa elementinizdən ~60 simvol göstərəcək; bu, dəyərli sahədir, ona görə də ondan istifadə etməlisiniz! Faktiki koda keçməzdən əvvəl gəlin əvvəlcə təqdim etdiyimiz saytlardan birinin möhtəşəm başlıq elementinin,
Sharp, axtarış nəticələri səhifəsində necə görünəcəyinə nəzər salaq:
İdeal olaraq, əla <title> elementinə təsviri şüar ilə yanaşı təşkilatın adı da daxil olacaqdır. Gəlin təqdim olunan bəzi nümunələrə nəzər salaq:
| Təşkilat | <title> mənbə kodu | İstifadəçi dostu olması | Teq davranışı |
| Sharp | <title>Top San Diego Doctors and Hospitals - Sharp HealthCare</title> | Ən yaxşı | Təşkilatın adını və təsviri şüarı ehtiva edir |
| Interieur | <title>Interieur 2010 - 15-24 October Kortrijk, Belgium</title> | Yaxşı | Təşkilatın adını və qeyri-təsviri şüarı ehtiva edir |
| VAMS International | <title>Visual Arts and Music for Society | VAMS International</title> | Normal | Yalnız təşkilatın adını ehtiva edir |
Əgər siz <title> teqini təyin etmirsinizsə, onda Google sizin üçün başlıq yaratmağa çalışacaq. Siz yəqin ki, bizim ən yaxşı təxminimizdən daha yaxşısını edə bilərsiniz, ona görə də davam edin:
<title> teqinə nəzarəti ələ alın! Bu, böyük fərq yarada bilən sadə bir düzəlişdir. Dərin URL-ləriniz üçün xüsusi
<title> teqlərindən istifadə etmək də vacibdir və biz növbəti sayt klinikası yazımızda buna toxunacağıq.
Təsvirinizi izləyin meta teqləri
Təsvir meta teqləri
təqdim olunan saytların 54%-də öz tam potensialı ilə istifadə olunmurdu. Bu teqlər çox vaxt axtarış nəticələri səhifəsində istifadəçilərə təqdim olunan iki sətirli fraqmenti doldurmaq üçün istifadə olunur. Güclü fraqmentlə siz potensial oxucularınızı həyəcanlandıra və təşkilatınız haqqında daha çox öyrənməyə hazır edə bilərsiniz. Gəlin təqdim olunan saytlar arasından yaxşı bir nümunəyə yenidən nəzər salaq:
Tales of Aussie Rescue:
Əgər təsvir meta teqləri yoxdursa və ya uyğun deyilsə, səhifənin məzmunundan avtomatik olaraq fraqment seçiləcəkdir. Əgər bəxtiniz gətiribsə və yaxşı fraqment avtomatik seçilibsə, unutmayın ki, axtarış sistemləri fraqmentləri seçmə üsuluna görə fərqlənirlər, ona görə də möhkəm təsvir meta teqi yazmaqla işləri ardıcıl və uyğun saxlamaq daha yaxşıdır.
Saxlayın <h> elementlərinizi öz yerində
Başqa bir sürətli düzəliş veb-saytınızın başlıq teqlərindən düzgün istifadə etməsini təmin etməkdir. QHT tədqiqatımızda təqdim olunan saytların təxminən 19%-də başlıq elementləri ilə bağlı təkmilləşdirmə üçün yer var idi. Başlıq teqlərindəki ən ümumi problem, estetik səbəblərdən ehtimal ki, bir <h2> və ya <h3> teqi daxil etmədən başlığı
<h1> teqi ilə başlamaq meyli idi.
Başlıqlar sizə həm Google-a, həm də istifadəçilərə sizin və veb-saytınız üçün nəyin vacib olduğunu bildirmək imkanı verir. Başlıq teqinizdəki rəqəm nə qədər aşağı olarsa, Google və istifadəçilərin gözündə mətn bir o qədər vacibdir. Həmin <h1> teqindən üstünlük kimi istifadə edin! Əgər <h1> teqinin vizual olaraq necə təqdim olunması xoşunuza gəlmirsə, onun görünüşünü həmişə CSS-də dəyişə bilərsiniz.
Şəkillər üçün alt mətndən istifadə edin
Bayram mövsümü gələndə hər kəs ailə şəkillərini nümayiş etdirməkdən həmişə qürur duyur, lakin onların nədən ibarət olduğunu bizə deməyi unutmayın. Təhlil edilən saytların 37%-dən çoxu şəkil alt atributundan düzgün istifadə etmirdi. Düzgün istifadə edildikdə, bu atribut aşağıdakılara kömək edə bilər:
- Google-a şəklinizin nə olduğunu başa düşməyə kömək edin
- Yalnız mətn brauzerlərində, əlçatanlıq problemləri olan və ya məhdud cihazlardakı istifadəçilərə şəkillərinizi başa düşməyə icazə verin
Unutmayın ki, zəngin və təsviri alt mətn burada açardır. Gəlin təqdim etdiyimiz bəzi saytlara və onların alt atributlarından istifadəsinə yenidən nəzər salaq:
| Təşkilat | Mənbə Kodu | İstifadəçi dostu olması | Teq davranışı |
| Sponsor A Puppy | <img alt="Sponsor a Puppy logo" src="..." /> | Ən yaxşı: alt mətn şəklin təşkilatın əsas loqosu olduğunu müəyyən edir | Şəkilləri, düymələri və loqoları təsvir etmək üçün zəngin, təsviri alt mətndən istifadə edir |
| Philanthropedia | <img alt="Logo" height="..." /> | Yaxşı: alt mətn şəklin loqo olduğunu müəyyən edir, lakin onu təşkilat və ya onun davranışı ilə daha ətraflı təsvir etmir | Şəkillər, düymələr və loqolar üçün təsviri olmayan alt mətn istifadə edir və ya alt mətndən yalnız arababir istifadə edir |
| Coastal Community Foundation | <img src="..." /> | İdeal deyil: alt mətn mövcud deyil | Alt mətndən istifadə olunmur və ya məna əlavə etməyən mətndən istifadə olunur (çox vaxt şəkillərin nömrələnməsində görünür) |
Yeni il qərarınız üçün kiçik bir vitrin gəzintisi
Google-un mənbə kodunuzdakı ən yaxşı təcrübələrə daha çox toxunmaq üçün bəzi əla resursları var. Başlanğıc olaraq, bizim
HTML Təklif Aləti
Webmaster Tools-da istifadə edə bilərsiniz. Həmçinin, saytınızı bütün izləyicilər üçün
əlçatan etmək həmişə yaxşı təcrübədir.
Bunu necə tətbiq edirik
Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.
Əlaqəli xidmətlər