Blog Başlıkları: 20 Mükemmel Örnek ve En İyi Uygulama
Üstbilgi muhtemelen yeni bir ziyaretçinin bir blogda gördüğü ilk şeydir, bu yüzden ilk izlenimdir - ama neden bir blog başlığı temel bir web sitesinin başlığından çok daha önemli veya en azından farklıdır?
Blog başlıklarının daha fazla işlevselliğe ihtiyacı var. Diğer web tasarımları, kullanımları açısından farklılık gösterebilir ve bu nedenle, web sitesi başlığında yer alan ve nasıl sunulduğunun büyük ölçüde değişebileceği.
Bununla birlikte, özellikle de bir blog ile, okuyucunun blogda gezinmesine ve daha iyi katılım göstermesine yardımcı olabilecek en iyi uygulamalar vardır.
Tam olarak bu makalenin ne yapacağını. Bir blog başlığının bir parçası olması gerektiğini ve nihayet nasıl uygulayacağınızı tanımlamanıza yardımcı olacağız ve daha sonra sadece bunu yapan yirmi müthiş örneğe bakacağız.
Bir blog başlığının nasıl tasarlanacağını ve nelere ekleneceğini belirlemek için blog hakkında birkaç soru sormamız gerekir:
- Doğru hedef kitleyi çekmek için hangi ruh halinin ayarlanması gerekiyor?
- Üstbilgiden ilk izlenim blogun neyle ilgili olduğunu nasıl iletebilir?
- Blog'un başlığı ilk izlenimi nasıl verebilir? “Diğerlerinden farklıyım.”
- Daha iyi bir eylem oluşturmak için hangi içerik parçalarının hemen fark edilmesi gerekir? (linklere tıklamak, abone olmak vb.)
Biraz daha derine inelim…
Doğru hedef kitleyi çekmek için hangi ruh halinin ayarlanması gerekiyor?
Bir ziyaretçi ilk olarak herhangi bir web sitesine girdiğinde, belirledikleri ilk şey blogun “kişiliği” dir ve onlar için doğru olup olmadığı.
Blog tasarımı için bu gereklidir, çünkü bloglar doğru hedef kitlenin başarılı olmasını gerektirir .
Örneğin: reklam endüstrisindeki içerikle, bir blog tasarımında yeni gelenleri etkilemek ve ilham vermek için yaratıcı bir başlık olmalıdır. Daha fazla teknik veya iş blogu, hem estetik açıdan çekici, hem de oldukça ince olan, ileriye dönük, üst düzey bir başlık isteyecektir.
Üstbilgiden ilk izlenim blogun neyle ilgili olduğunu nasıl iletebilir?
Başlığın yaratması gereken genel havayı geliştirerek bunun bir parçası var, ancak bir başlık, bu blogun neyle ilgili olduğunu yeni okuyucuya açıklamak için bundan daha fazlasını yapabilir.
İlk izlenim blogun kişiliğini keşfediyor, ama tam olarak ne hakkında? Bir, bir logoyu içeren bir sloganı içerebilir veya okuyucunun bu blogun ne olduğunu ve kimin için olduğunu anlatan küçük bir paragraf / kelime öbeği içerebilir.
Blog'un başlığı ilk izlenimi nasıl verebilir, “Ben diğerlerinden farklıyım”?
Bunu yapmanın bir başka yolu da, “Bu blog nasıl hatırlanacak? “
İnternetteki diğer tüm bloglara karışacaksa, bu iyi bir blog teması değildir. Bu yüzden başlık, logo, slogan ve diğer markaların en önemli yeridir.
İlk bakışta sunulan genel görünüm ve içerik yeterince iyi sunulduğunda yapılabilecekler.
Daha iyi bir eylem oluşturmak için hangi içerik parçalarının hemen fark edilmesi gerekir? (linklere tıklamak, abone olmak vb.)
Başlık, içerik açısından genel olarak basit olmalıdır, ancak harekete geçirilmelerine yardımcı olmak için bazı içerik türleri mevcut olabilir. Yeni bir okuyucu blogun ilk izlenimini değerlendirir ve kalmaya karar verdikten sonra, içerik parçaları ve nereye gidileceğini araştırmaya başlar.
Kategoriler hemen mevcut olduğunda, izleyici bunları gözden geçirecek ve ilgilerini çekecek alanları bulacak. Bir arama alanı mevcut olduğunda veya bir RSS beslemesi olduğunda, onlar kesinlikle abone olmayabilir veya arama yapamazlar, elbette, ancak yerleştirme konusunda bilinçaltı notu ve gelecekte nerede bulabileceklerini belirttiler.
Seçenekler bunun ötesine geçmektedir, ancak temel olarak başlıkta yer alan herhangi bir içerik içerik için ilk izlenimdir , bu yüzden en önemli ve iyi tasarlanmış olmalıdır.
Şimdi birkaç harika blog başlığına bir göz atalım ve daha sonra faydalarını tartışalım.
1. Öğretici9
Tutorial9, yukarıda tartışılan tüm faydaları anlatmaktadır. Logo ve slogan, blogun neyle ilgili olduğunu ve okuyucunun nasıl yardımcı olabileceğini anında gösterir.
Birincil navigasyon parçaları, göze çizilecek simgeleri içeren büyük, dikkat çekici sekmelerdedir. Bu, kullanıcıyı anında içeriğe yönlendirir ve onları blogu daha da derinleştirmeye teşvik eder.
Arka plan tasarımı yaratıcı ve hatta sanatsal yaratım temasına sahip. Ayrıca, RSS beslemesi, arama formu, blogun sayfaları ve daha fazlası dahil olmak üzere sağda önemli içerik vardır.
2. Ev Tasarımı Bul
Bu başlık, noktaya ulaşmak için harika bir görsel hiyerarşi kullanmaktadır. Blogun başlığı, okuyucunun neyle ilgili olduğunu anlatacak kadar yakındır ve konuyla ilgili daha ayrıntılı bilgi edinmeye ve görmeye teşvik eder.
Göz, daha sonra, ilgili sayfanın yanı sıra iletişim sayfasının açıkça belirtildiği ilk navigasyon setine yönlendirilir. Sağdaki görüntüler daha sonra ruh halini ayarlıyor ve bu blogun konusuyla ilgilenenler için ilham veriyor.
Son olarak, sağdaki görüntüler blogu için daha açıklayıcı bir ifadeye doğru gözünüzü yönlendirir.
3. Blog Tasarım Bloğu
Bu başlığın en dikkate değer özellikleri logo ve slogan. Bu blogun özel hedef kitlesi onu daha eşsiz kılıyor ve blogun ilk bakışta ne hakkında olduğunu belirterek yeni bir okuyucu bunu fark ediyor ve başkalarından farklı olduğuna ikna oluyor.
Biraz daha ileride ve daha küçük bir metinde okuyucunun sayısı ve RSS beslemesinin bağlantısı, blogun neyle ilgili olduğu veya içeriğin kendisi hakkında daha fazla bilgi edinmek için birincil gezinme.
4. Kevin John Gomez
Elle çizilmiş temyiz ve fotoğraf, bu blogun temasını kişisel kılıyor ve web sitesinin adıyla eşleşiyor. Bu, yaratıcı bir kişinin kişisel bir blogu ve başlık, mükemmel şekilde iletişim kurar.
Sınırlı navigasyon olduğundan ve daha fazla vurgu yapabildiğinden, eksiksiz navigasyon başlıktadır.
5. Naldz Grafik
Bu başlık, harika bir logo ve başlıktaki içeriğin etkili kullanımını sağlar. Üstbilginin en büyük kısmı logo veya blog adıdır ve bunu hatırlamayı kolaylaştırır.
Göz, daha sonra, okuyucunun o güne kadar blogun derinliklerine inebileceği ya da en azından blogun ne hakkında olduğu hakkında bir fikre sahip olduğu navigasyona yönlendirilir. Gezinme ve kategoriler, iyi tanımlanmışlarsa yeni okuyuculara blogun ne hakkında olduğunu söylemenin harika bir yoludur.
Sağdaki grafik, blogun ruh halini belirlemeye yardımcı olur ve aynı zamanda abonelerin ve RSS bağlantılarının sayısını da belirler. Orta düzeyden yüksek bir feed sayısına sahip bir blog ile, başlıkta sayımı göstermek iyi bir fikirdir çünkü bir şekilde blogun içeriğini doğrular ve güvenilirliğini verir.
Ayrıca, bu tür içerikler için geleneksel bir yerde üst kısımda ek içerik bulunur, böylece kolayca bulunabilir.
6. Pro Blog Tasarımı
Bu başlıktaki iki karşıt yeşil eleman, birden fazla kişi düşünebilir. Çoğu, logoyu ilk önce soldaki yeşil renkle ve blogun başlığını ve başlığını okuyarak görüyor. Bu, yeni okuyuculara bu blogun onlara nasıl yardımcı olabileceğini anlatan bir başka harika başlıktır.
Daha sonra, büyük boyutlu sekmeler, 1) belirgin boyutları ve 2) yeşil renkteki diğer pop ile odaklanır. Diğer yeşil sekme, okuyucuya bunun sadece size daha iyi bir blog tasarımı sunacak bir blog değil, aynı zamanda sunacağı blog tasarım hizmetlerine sahip olduğunu söyler. Bunun ötesinde, okuyucunun daha sonraki eylemler için not alabileceği sosyal medya simgeleri.
7. Octwelve
Bu resimli reklam öğesi başlığı, blog için moralini oldukça hızlı bir şekilde ayarlar. Resim web yöneticisidir ve bloga kişisel bir yaklaşım sunar. Sunulmadan önce, blogun içeriği hakkında bir fikir edinmeye başlıyoruz.
Bu tasarım, tam olarak bu blogun ne olduğunu tanımlayan başlıkta küçük bir giriş cümlesi koyar. Ana navigasyon logonun hemen altındadır, bu yüzden hemen hemen fark edilir. Üstbilgideki eğlenceli olan diğer detaylar da vardır ve görüntüleyiciyi daha uzun başlıklara bakmaya yönlendirir.
8. Mark Forrester
Bu eğlenceli, ilginç ve yaratıcı başlık, bir ruh hali ayarlar ve gerçekten dikkatinizi çekecek kadar benzersiz.
İlk bakışta görüntüleyen kişi hemen başlığını ve ince ayrıntılarını ve sunduğu hikayeyi inceliyor. Burada, logonun neyle ilgili olduğunu görecekleri logo ve slogan yer alır.
Başlığın tadını çıkarırken, yukarı ve yukarı doğru sosyal yer işaretlerini görebilirler. Üstbilgi ayrıca içeriğe güzel bir şekilde yönlendirir ve ziyaretçinin aşağıya doğru ilerlemesine ve daha fazlasına bakmasına yol açar.
9. Kült-Foo
Bu, günlük olarak birçok okuyucunun dikkatini çeken güzel bir başlıktır. Ruh yaratıcı ve ilham verici bir tema olarak belirlendi ve sadece doğru kitleyi çekiyor. Bu başlıktaki logo, başlığın geri kalanının “kaynağı” - tasarımın geri kalanına giden bir kutu.
Arama çubuğu, erişim kolaylığı için aşağıdadır ve iki içerik alanı sağda tanımlanmıştır.
Navigasyon olsa da, bu başlık hakkında gerçekten harika olan şey. Daha büyük kategoriler daha büyük metin olan bir etiket bulutu hissi daha var. Bu şekilde, yeni bir okuyucu etiket bulutunu gördüğünde, önce en büyük öğeleri görür.
Buna karşılık, bu kelimelerle ve blog içeriğiyle bir bağlantı kurarlar. Artık, blogda öne çıkan içerik, içeriği hakkında en çok hatırlanan şeylerin çoğuna sahip. Bu sitenin canlı sürümüne baktığınızdan emin olun: başlık etiketi bulut alanı aslında kullanıcının kaydırma ile, dekoratif ve henüz göze batmayan bir sınır ile taşındı.
10. Hükümler
Bu başlık oldukça minimalisttir; bu, tuttuğu içeriğin parçalarına daha fazla önem verir. Logo dekoratif ve zıt renkte özetlenmiş, unutulmaz kılıyor.
Bunu, blogun neyle ilgili olduğunu paylaşan bir etiket satırı ve daha sonra bunu tanımlayan basit gezinme takip eder. Gezinme harikadır çünkü okuyucunun üzerinde kaydığı için her birine dikkat çekmek için ayrı simgeler vardır.
Sağ taraftaki eğlenceli illüstrasyon, ruh halini ayarlar ve gözün üst tarafındaki gezinmeye öncülük eder.
11. Yarı Zamanlı Gönderi
Vectips'lerin aksine, bu başlık çok şey devam ediyor. Sol üstteki logo bir slogan içerir ve ardından gözü navigasyona yönlendirir. Gezinmeyi tıklamadan önce, başlık, web sitesinin yeni ziyaretçilerine nasıl yardımcı olabileceğine ve daha sonra bu özelliklerin daha fazla gezinme özelliğine sahip olduğuna devam eder. Bu hiyerarşi sayesinde, okuyucu web sitesinde nasıl gezineceğine dair harika bir genel bakışa sahip oldu.
Sağdaki resim, görüntüleyicinin RSS beslemesini not almasına yol açar ve daha sonra göz, şirketin Facebook hayran sayfasını tanıtmak için daha ileri bir haktır.
12. TutCandy
TutCandy başlığının en büyük özelliği yaratıcı, renkli ve ayrıntılı görüntüleri. Bununla birlikte, ruh halini ayarlar ve bunun gibi bir blog için güvenilirlik yaratır. İsim renkli resimde iç içe geçmiştir ve logo olarak kabul edilebilir.
Sağ tarafta, blogun ne olduğunu ve nasıl farklı olduğunu açıklayan bir slogan var: “Sadece En İyi Tasarım Öğreticileri”. İlk başta basit ve eğlenceli bir kelime oyunu olmasına rağmen, okuyucuyu hedefleyen birkaç anahtar kelime var. olumlu yargıya neden olmak. “Sadece” - benzersiz, orijinal, bir-tür.
“Bu blog başkalarından nasıl farklı?” Sorusunu yanıtlıyor. “Tastiest” - tagline “Lezzetli Tasarım Dersleri” olabilirdi. Bu sadece biraz garip gelmiyor, aynı zamanda diğer tasarım eğitimleri veya diğer eğitici bloglar için herhangi bir önceliğe işaret etmiyor.
Yukarıda, blogla ilgili bir gezinme ve sağa doğru bir arama çubuğu var. Doğrudan aşağıda, içerik tanımlanmış ve organize edilmiştir; bu da okuyucuyu bloga daha derinden kazmaya yönlendirmektedir.
13. Yoast
Bu blog başlıkta harika içerikler sunuyor. Benzersiz tel çerçeve, üstbilginin yeni bir okuyucuyla bağlantı kurmak için grafik ve yeterli içerik barındırmasını sağlar. Arkasındaki karakter ve illüstrasyon, yeni bir ziyaretçinin fark edeceği ilk şeylerden biri ve karakterin soldaki başlık içeriğine sahip olmasıyla iyi bir çağrı yapıyorlar.
Göz, başlık içeriğine yönlendirildikten sonra, logoyu ve bloga abone olma veya bağlantı kurma yollarını görür. Daha sonra, ön sayfadaki özellikli hakkı hariç, “sayfa hakkında” normal bir bit içeriği gibi okur, bu da sadece, sayfadaki tüm kişisel okuyucuyu yapmak için yeterli olan okuyucuların değil, tüm yeni okuyucuların yaptığı anlamına gelir. İçerik, blogun neyle ilgili olduğunu açıklar ve ardından bazı popüler ve öne çıkan içerikleri gösterir.
Sağdaki resimde, RSS yayını tekrar öne çıkar, ancak bu sefer daha tanınabilir bir grafikle. Okuyucu, bazı içerik başlıklarını, biraz bilgi okumayı tamamladıktan ve blogla bağlantı kurduktan sonra, bu ikinci besleme ekranının sağa nasıl göründüğüne dikkat edin.
14. Bu Indie Dostum
Bu başlıktaki karakter, karakterleri olan diğer tüm başlıklar gibi kişisel bir dokunuş sağlar ve bloga mükemmel bir giriş yapar. Yeni bir okuyucunun fark edeceği ilk şey, yüksek kaliteyi ve onu çevreleyen tasarım özellikleri, bu tasarımcının stilini ve ondan ne bekleyeceğini anlatıyor.
Sol tarafta, blogda öne çıkan içeriği açıklayan sloganı daha da belirginleştiren logo bulunur. Göz, bir kez daha blogun kişiliğini paylaşan bir içerik parçasına yönlendiriliyor.
15. Ozon3
Bu başlığın teması benzersizdir ve bu anlamda unutulmaz bir web tasarımı yaratır - gerçekten harika bir ilk izlenim. Çizimi takdir ettikten sonra, göz, markanın ezberlenmesi için logoya yönlendirilir ve daha sonra doğrudan ana yönlendirmeye ve daha sonra içeriğe yönlendirilir.
İlk kez görüntüleyenler, bu blogun bir web tasarım portföyüne odaklandığını görebilir ve bunu tasarımcının başlığını gerçekten inceledikten sonra bunu keşfederler.
Sadeliğine rağmen, bu başlık görsel hiyerarşi açısından çok etkilidir ve izleyiciler için büyük bir ifade oluşturur.
16. n Tasarım Stüdyosu
Bu renkli başlık, bu web tasarımının ana cazibesidir ve logo, ziyaretçiye bir tasarım stüdyosu olduğunu söyler.
Muhteşem başlık tasarımcının becerilerini ve markasını doğrular. Gezinme, yayınlar ve arama çubuğunun tamamı, başlık ile de yakından ilişkilidir ve bunları ilk dikkat çekici öğelerden biri haline getirir.
Ana navigasyon sekmeler biçimindedir ve ilk olarak başlığın bir parçası olarak kabul edilir. Yine de sekmeler biçiminde olduğu için, içeriğe bağlı görünüyor ve ziyaretçinin gözünü blogun önemli içeriğine getiriyor.
17. Web Tasarımcı Duvarı
Bu, nDesign Studio'nun Nick La tarafından hazırlanan harika bir blogu ve benzer bir tekniği görüyoruz: tasarımcıların yeteneklerini ve uzmanlıklarını doğrulayan muhteşem bir arka plan / başlık. Buradaki logo, blogun adını amaca bağlayan bir slogan sağlayarak daha büyük.
Başlıkta bulunan içeriğin geri kalanı, ilk gezinme, iletişim / RSS ve arama çubuğudur. Bunların hepsi birbirine benzer bir şekilde dekore edilmiş, onları birbirine bağlar.
Bu öğeler aynı zamanda içeriğe benzer özelliklere de sahiptir (daha sade arka plan, kağıt benzeri doku) ve aynı zamanda içeriğin bir parçası gibi hissederler. Başlığın bu bölümü tanıtım başlığını içerik alanına bağlar.
18. Ma.tt
Üstbilgileri 200-250 pikselden fazla olmayan bir web tasarım kuralı var gibi görünüyor. Bu, birçok farklı nedenden dolayı takip edilmesi gereken büyük bir kuraldır, ancak bu başlık, bu kuralı nasıl etkin bir şekilde kırılacağını gösterir.
İlk başta hiç içerik göstermeyen Matt, tasarımını ilk kez izleyicide en büyük izlenimi vermek için kullanıyor. Zarif detayı ve yaratıcı yolları unutulmaz bir ilk izlenim yaratıyor.
Logo büyüktür ve web sitesi bir isim olduğu için kişisel bir blogun yerini alır. RSS beslemesi de sol üstte, izleyiciye aslında başından beri bir blog olduğunu söylüyor. Son olarak, navigasyon son olarak görülen şeydir ve bu da ziyaretçiyi bloga devam etmesini teşvik eder.
19. Piksel Resort
Bu başlığın detaylı çizim stili onu eğlenceli, temiz ve profesyonel yapar. Sahne gündüz ve gece geçtikçe hareketlidir, ziyaretçiyi logoya (marka) ve navigasyona sahip olan başlığa bakmaya devam etmesini hatırlatır. Bu yöntem, blogda daha fazla etkinliği kolayca tanıtabilir.
Ön tarafa yerleştirilmiş olan navigasyonun altında, alt başlığın geri kalanına “bağlayan” bir ok ile alt navigasyon vardır. Bu kategorileri daha fazla tanımlamaya yardımcı olur ve okuyucunun onlara en çok ilgi duyan içeriği bulmasına yardımcı olur.
20. Web Tasarımcısı Depo
Ahh, evet - şu anda görüntülediğiniz blog. İster ilk kez bir ziyaretçi olun, isterse Webdesigner Depot'u uzun zamandır okuyor olun, başlık kesinlikle sizin dikkatinizi çeker.
Bu başlık hakkında harika olan şey, yalnızca yaratıcı bir çekiciliğe sahip bir başlık değil, içindeki öğeler, bilgisayarların veya web'in etrafında odaklanmış yaratıcı bir çekiciliğe sahip bir başlık olduğunu belirtiyor. Dizüstü bilgisayar görüntüleri, “www.” Ve diğer teknoloji parçaları, hedef kitleye daha özel bir anlam katıyor.
Başlığın, ana sayfaya geri dönen bir bağlantı dışında gerçekten içerik açısından sunacak çok şeyi yok. Ancak, çok karmaşık olduğu için, herhangi bir ek özellik tasarımı bozabilir ve çok karmaşık hale getirebilir.
Ancak bu başlık mükemmeldir: havayı ayarlama, izleyiciye ilham verme ve izleyiciyi içeriğin geri kalanına götürecek kadar kısa.
Sarma
Umarım bu yirmi örneği incelemek, bu makalenin başındaki soruların daha iyi tanımlanmasına yardımcı olabilir ve her web tasarımcısının blog başlıklarına daha fazla önem vermesine yardımcı olabilir.
Bir başlığa eklenecek içerik blogdan bloga büyük ölçüde değişiklik gösterebilir ve blogun hedeflerini, temayı ve blogu ziyaret ederken ilk ziyaretçilerin ne aradığını akılda tutmak önemlidir.
Sadece WDD için yazılmış Kayla Knight .
Başlık tasarımı için kendi ipuçlarını ve ek örnekleri paylaşmaktan çekinmeyin.