15+ güzel web sitesi standartları ve neden iyi çalışıyorlar [Güncelleme 2021]
Kullanıcıların web sitenizde ilk gördüğü şey nedir? Tam olarak, başlık. Bu yeterince ilginç değilse, netlik sağlamazsa, kullanıcınız sadece gidebilir ve belki asla geri dönmez. Bunu istemiyoruz, değil mi? Web sitesi başlığı bir web sitesi tasarlamanın ana parçasıdır. Web sitesi ziyaretçileri ile kullanıcıların dikkatini çekmede ve ilişkiler kurmada önemli bir rol oynarlar. Bu nedenle, aşağıdaki satırlarda, web sitesi gölgelik tasarlarken bilmeniz gereken bazı başlık tasarım ilkelerini tartışacağız. Araştırma çalışmalarının ardından başlık tasarımı ilkesi, kullanıcının gözlerinin 3 desenden birini izleyerek bir web sayfasında hareket ettiğini bulmuştur:
Gutenbe desen rg Görüntü kaynağı: https: //vanseodesign.compola gutenberg metin içeriğine uygulanabilir. Bu, okuyucunun gözlerinin sayfayı bir dizi yatay hareketle süpürdüğünü gösterir. Örnek: Z -şekilli desen Resim Kaynağı: https://vanseodesign.com
Desen-Z, sayfayı tararken, Z biçiminde yolu tararken kullanıcının gözlerini izleyen yolu belirler. Örnek: Desen şeklinde f Resim Kaynağı: https://vanseodesign.com
Bu model, çevrimiçi medyada okuma içeriğinin en sık kullanılan içeriğini göstermektedir. Kullanıcılar web sayfalarını hızlı bir şekilde tarar ve gözleri F-Patterns’i takip eder.
Örnek: Bu model hakkında daha fazla ayrıntı tartışmadan, bu modellerden biri için üst yatay çizginin, ziyaretçilerin sayfayı taramaya başladığını vurgulamak istiyoruz. Web sitesi başlığına ne entegre edilmelidir? Bu kalıplar, bir web tasarımcısının neden kullanıcının önce ne görmesi gerektiğine karar vermesi gerektiğini gösterir. Başlıklar, dikkatlerini çekecek ve onları avlunun geri kalanını keşfetmeye davet edecek kancalar olarak çalışmalıdır. İkinci bir izlenim bırakma şansı yok. Yani, başlığa ne dahil edileceği hakkında iki kez düşünmelisiniz: güçlü bir kahraman görüntüsü
Kahramanların resimleri, Web sayfalarında Paro’da görüntülenen çok büyük banner görüntülerdir. Bu, başlığa dahildir ve kullanıcıların web sitesine geldiklerinde ilk gördükleri şeydir. Kahramanların resimleri de ziyaretçilerin dikkatini iş benzersiz satış noktasına (USP) çekmeyi amaçlıyor. En iyi vaka uygulaması, bir kahraman resminde gerçek bir yüz kullanmanın ziyaretçilerin markayla daha iyi ilişki kurmasına yardımcı olabileceğini belirtir. İletişim daha insan ve kişisel hale gelir.
Kaynak: Drift.com Benzersiz Satış Noktası (USP)
USP, bir işletmenin nedenlerini açıklayan bir ifadedir. Bu, işletmenin ne yaptığını, neden ve kim için olduğunu ifade etmelidir. Ayrıca, markayı rakipleri arasında öne çıkaran benzersiz özellikleri ve avantajları vurgulamalıdır. Güçlü USP, web sitesi ziyaretçilerine doğru mesajı sunmada ve sonunda müşterilere dönüştürmek için çok önemlidir.
Kaynak: Miro.com Marka adı
Marka isimleri, insanları sitenin kimliğine alışkın hale getirir veya insanların iş kimliğiniz hakkında sahip oldukları görüntüyü güçlendirir. Resim marka kişiliğinizi yansıtmalı ve marka sesinizin web sitesi boyunca tutarlı olduğundan emin olmalıdır. Canopy web sitesinden kesilmiş olsa bile kolayca tanınmalıdır. Ve web sitesi başlığına yerleştirildiğinde, her kullanıcıyla kişisel bir bağlantı kurmada önemli bir rol oynamalıdır. Kaynak: carolinaherrera.com
Ürün videosu Kullanıcıların bir web sitesi hakkında görüş oluşturması sadece 50 milisaniye sürdüğü için, bu, başlıkta en önemli mesaja sahip olmanız gerektiği anlamına gelir. Bu nedenle birçok işletme kullanıcıların aşağı kaydırmasını ve ürün/hizmet özelliklerini almasını beklemez, ancak mesajlarını daha iyi iletmek için videonun gücünü kullanırlar. Ayrıca, insanların% 78’inin her hafta çevrimiçi video izlediğini ve% 55’i her gün çevrimiçi video izlediğini unutmayın.
Kaynak: wistia.com
Harekete Davet (CTA) CTA, web sitesi ziyaretçilerinden belirli yanıtları tetikleyen bir mesajdır (genellikle düğmede). Harekete geçme daveti, web sitesi ziyaretçileri tarafından açıkça tanımlanmalı ve kolayca anlaşılmalıdır. Doğal olarak, CTA başlığa yerleştirildi, ziyaretçilerin web sitesine yolculuklarına başladığı yerlerde, her kullanıcıdan istenen eylemi alma fırsatını artırdı.
Kaynak: creatopy.com
Ekran ürünleri Bir e -ticaret mağazası çalıştırırsanız, belirli ürünlerin kalitesini ve konforunu vurgulamak istersiniz ve bunu yapmanın en iyi yolu ürünü başlığa girmektir. Kullanıcıların dikkati en iyi anlaşmaya yönlendirilecek ve satın alma sürecine girme eğiliminde olacaklar. Kaynak: Amazon.com Yukarıdaki durumlardan birinde, genel kurallar: İlginç bir başlık için basit, net kal! Araştırmalar, “kullanıcının Paro’daki bilgileri Vs. Alt paro%84 “. Bu nedenle, sayıları mümkün olduğunca azaltmak için çabalarınızı odaklamak en iyisidir. Ve ne iletmek istediğiniz konusunda kendiniz için birkaç hedef belirlediyseniz, bunu iyi yapacaksınız. Www.youtube.com gibi büyük web siteleri, başlıklara adanmış alanı sadece küçük miktarlarda sınırlandırın. Bu kasıtlı olarak yapılır, çünkü amaç, kullanıcının dikkatinin ürünler, hizmetler veya videolar (örneğin YouTube) gibi daha önemli bir şeye yönlendirilmesidir.
Bazen bir başlığa bile ihtiyacınız olmaz veya ihtiyacınız varsa, sadece küçük bir başlığa ihtiyacınız vardır.
Her şey web sitesinin benzersizliğine bağlıdır. Şimdi ve daha sonra size “bilgilendirilmiş” ne olursa olsun, web sitenize ihtiyaç duyduğu kişiliği verin. Web siteniz başlığınızdan ilham alan nedir? Belirli mesajları iletmenin yanı sıra, okuyucuya belirli duyguları aşılamayı da düşünebilirsiniz. Kanopiye verdiğiniz hedeflere bağlı olarak, aşağıdakilerden birinin okuyucusuna ilham verebilir: merak Bazı web siteleri için, okuyucunun merakını uyandıran başlıklar yapmak için uygun olacaktır. Daha fazlasını bilmek isteyecekler, daha fazlasını özleyecekler, hikayenin geri kalanını keşfetmek için acele edecekler. Canva’dan bu gölgelik hakkında hissediyorum. Orada büyük bir söz verdiler: “Herhangi bir tasarım”. Ve bunu test etmeye davetlisiniz. Kavga edebilir misin?
Eylem
Bazı durumlarda, doğrudan bir başlıktan harekete geçmek daha iyidir. Harekete geçme davetiyle, kullanıcıları doğrudan yarasalardan düğmelere tıklamaya veya web siteleriyle diğer etkileşimleri yapmaya davet edebilirsiniz. Planlanabilir bir durumda, USP’leri doğrudan aşağıdaki CTA’ya bağlanır. Ayrıca, satın almaya hazır değilseniz, bir gösteri planlama seçeneği de vardır.
İnanmak
Acı verici Neden okuyucuya, özellikle de başlıktan acıya ilham vermek istiyorsunuz? Birçok şirket, FUD ilkelerine (korku, belirsizlik, çifte) göre pazarlamıyor. Dönüşüm sürecinin ilk aşamalarında, korku/ağrı çözümü hemen uygulama ve ağrıyı solmaya yönlendirme kararını tetikleyecektir. Bu, siber güvenlik hizmetlerine, fiziksel güvenlik hizmetlerine, aynı zamanda sağlık veya emeklilik fonlarına da bir yaklaşım olabilir. Bu tür yaklaşımlar, insanları COVID’yi aşılamanız veya emniyet kemeri takmanız gerektiğini bilmesini isteyen kampanyalarda kullanılabilir.
Kahkaha
Belki en başından beri ziyaretçilerle duygusal olarak bağlantı kurmak istersiniz. Ve bunu yapmanın onları güldürmekten daha iyi bir yolu yoktur. Ve yüksek sesle gül. Bir katılım duygusu oluşur ve web sitesini keşfettiklerinde kullanıcılarınızı yanınızda bırakacaksınız. Aşinalık
Kullanıcı durumunu başlıkta sunulan benzer bir durumla bağlamak belirli bir samimiyet seviyesi oluşturabilir. Çeşitli web sitesi türleri için başlık türü, web sitesinin özgüllüğüne bağlıdır, başlık genel tasarım için diğerlerinden daha uygun olacaktır. Bu nedenle, kendi web siteniz için ne tür bir editörlüğün en uygun olduğu hakkında net bir fikriniz olmalıdır (e -ticaret, blog, portföy, çevrimiçi gazete vb.).
CTA’ya odaklanan başlıklar
Blue Apron durumunda, Canopy web sitesi büyük bir kahraman görüntüsü değil, büyük bir video kullanır. Bu bir zevk, aşinalık, iştah duygusu iletir. Ayrıca, kullanıcıları aynı rahat ve lezzetli deneyimlerden yararlanmak için harekete geçmeye davet eden CTA’mız var.
CrazyEgg web sitesi, kullanıcıları doğrudan gösteriler için ürünlerini almaya davet eden bir başlık ile birlikte gelir. Ürünleri böyle gerçek zamanlı gösteriler için çok uygundur. Ve bu doğrudan ürünün faydalarını kanıtlar. Ayrıca CTA’ya işaret eden görsel ipuçları kullanırlar: balondaki erkeklerin elleri düğmeye işaret eder.
Bu, marka kimliği ve marka öğelerine odaklanan iyi bir web sitesine örnektir. Bu, logo, üstteki marka logosunun renk kopyasını ve slogalarını içerir.
İçeriğe odaklanan başlıklar
Bu, makaleleri ve hikayeleri tanıtan bloglar ve dergiler için çok uygundur. Ancak, bazı istisnalar da buldum. Patagonia, verandada dükkanlarını tanıtmadı, ancak dünyada değişiklik yapma taahhüdünü gösteren hikayeleri teşvik ediyorlar. Canopy web sitesinde gösterilen mevcut hikaye kölelik ve aktivizm ile ilgilidir.
IKEA durumunda, ekranın sol tarafı ziyaretçileri çevrimiçi mağazalardan birine yönlendirirken, diğer yarısı kullanıcılardan IKEA hikayesini okumasını ister. Video arka planına odaklanmış başlıklar Bukwild, web sitesi başlığına 3 farklı videoyu entegre eder. Her video, uygun parçanın üzerine bir fare yerleştirilerek döndürülebilir. Bu durumda ilginç olan, videoyu markalarını temsil eden daha büyük bir “resmin” parçası olarak kullanmanın yaratıcı yoludur.
Ürüne odaklanan başlıklar Bir çevrimiçi moda mağazası olan Cropp durumunda, en son koleksiyon başlıkta görüntülenir.
Threadless.com duvar sanatını bağlama yerleştirir ve CMYK birliklerini gösterir.Üstbilgi ayrıca, “Squad” tarafından başlıkta sunulan senaryoya dahil edildiğini düşünen herkes için net bir CTA içerir. Wanderland’daki Seyahat Blogu durumunda, Canopy web sitesinde, Alex’in fotoğrafına ek olarak, kullanıcılar hikayenin başlangıcını bu başlıkta görebilirler: “Beş yıl ve büyümeye devam ediyor …”.Bu, okuyucuların daha fazla hikaye keşfetmek istedikleri bir davettir. Sarmak … başlık web sitesinin başarısına veya başarısızlığına büyük katkıda bulunur.Teknik olarak, bu üst kısım doğal olarak bir web sitesinde insanlarla etkileşime giren ilk şeydir.
Gutenbe desen rg Görüntü kaynağı: https: //vanseodesign.compola gutenberg metin içeriğine uygulanabilir. Bu, okuyucunun gözlerinin sayfayı bir dizi yatay hareketle süpürdüğünü gösterir. Örnek: Z -şekilli desen Resim Kaynağı: https://vanseodesign.com
Desen-Z, sayfayı tararken, Z biçiminde yolu tararken kullanıcının gözlerini izleyen yolu belirler. Örnek: Desen şeklinde f Resim Kaynağı: https://vanseodesign.com
Bu model, çevrimiçi medyada okuma içeriğinin en sık kullanılan içeriğini göstermektedir. Kullanıcılar web sayfalarını hızlı bir şekilde tarar ve gözleri F-Patterns’i takip eder.
Örnek: Bu model hakkında daha fazla ayrıntı tartışmadan, bu modellerden biri için üst yatay çizginin, ziyaretçilerin sayfayı taramaya başladığını vurgulamak istiyoruz. Web sitesi başlığına ne entegre edilmelidir? Bu kalıplar, bir web tasarımcısının neden kullanıcının önce ne görmesi gerektiğine karar vermesi gerektiğini gösterir. Başlıklar, dikkatlerini çekecek ve onları avlunun geri kalanını keşfetmeye davet edecek kancalar olarak çalışmalıdır. İkinci bir izlenim bırakma şansı yok. Yani, başlığa ne dahil edileceği hakkında iki kez düşünmelisiniz: güçlü bir kahraman görüntüsü
Kahramanların resimleri, Web sayfalarında Paro’da görüntülenen çok büyük banner görüntülerdir. Bu, başlığa dahildir ve kullanıcıların web sitesine geldiklerinde ilk gördükleri şeydir. Kahramanların resimleri de ziyaretçilerin dikkatini iş benzersiz satış noktasına (USP) çekmeyi amaçlıyor. En iyi vaka uygulaması, bir kahraman resminde gerçek bir yüz kullanmanın ziyaretçilerin markayla daha iyi ilişki kurmasına yardımcı olabileceğini belirtir. İletişim daha insan ve kişisel hale gelir.
Kaynak: Drift.com Benzersiz Satış Noktası (USP)
USP, bir işletmenin nedenlerini açıklayan bir ifadedir. Bu, işletmenin ne yaptığını, neden ve kim için olduğunu ifade etmelidir. Ayrıca, markayı rakipleri arasında öne çıkaran benzersiz özellikleri ve avantajları vurgulamalıdır. Güçlü USP, web sitesi ziyaretçilerine doğru mesajı sunmada ve sonunda müşterilere dönüştürmek için çok önemlidir.
Kaynak: Miro.com Marka adı
Marka isimleri, insanları sitenin kimliğine alışkın hale getirir veya insanların iş kimliğiniz hakkında sahip oldukları görüntüyü güçlendirir. Resim marka kişiliğinizi yansıtmalı ve marka sesinizin web sitesi boyunca tutarlı olduğundan emin olmalıdır. Canopy web sitesinden kesilmiş olsa bile kolayca tanınmalıdır. Ve web sitesi başlığına yerleştirildiğinde, her kullanıcıyla kişisel bir bağlantı kurmada önemli bir rol oynamalıdır. Kaynak: carolinaherrera.com
Ürün videosu Kullanıcıların bir web sitesi hakkında görüş oluşturması sadece 50 milisaniye sürdüğü için, bu, başlıkta en önemli mesaja sahip olmanız gerektiği anlamına gelir. Bu nedenle birçok işletme kullanıcıların aşağı kaydırmasını ve ürün/hizmet özelliklerini almasını beklemez, ancak mesajlarını daha iyi iletmek için videonun gücünü kullanırlar. Ayrıca, insanların% 78’inin her hafta çevrimiçi video izlediğini ve% 55’i her gün çevrimiçi video izlediğini unutmayın.
Kaynak: wistia.com
Harekete Davet (CTA) CTA, web sitesi ziyaretçilerinden belirli yanıtları tetikleyen bir mesajdır (genellikle düğmede). Harekete geçme daveti, web sitesi ziyaretçileri tarafından açıkça tanımlanmalı ve kolayca anlaşılmalıdır. Doğal olarak, CTA başlığa yerleştirildi, ziyaretçilerin web sitesine yolculuklarına başladığı yerlerde, her kullanıcıdan istenen eylemi alma fırsatını artırdı.
Kaynak: creatopy.com
Ekran ürünleri Bir e -ticaret mağazası çalıştırırsanız, belirli ürünlerin kalitesini ve konforunu vurgulamak istersiniz ve bunu yapmanın en iyi yolu ürünü başlığa girmektir. Kullanıcıların dikkati en iyi anlaşmaya yönlendirilecek ve satın alma sürecine girme eğiliminde olacaklar. Kaynak: Amazon.com Yukarıdaki durumlardan birinde, genel kurallar: İlginç bir başlık için basit, net kal! Araştırmalar, “kullanıcının Paro’daki bilgileri Vs. Alt paro%84 “. Bu nedenle, sayıları mümkün olduğunca azaltmak için çabalarınızı odaklamak en iyisidir. Ve ne iletmek istediğiniz konusunda kendiniz için birkaç hedef belirlediyseniz, bunu iyi yapacaksınız. Www.youtube.com gibi büyük web siteleri, başlıklara adanmış alanı sadece küçük miktarlarda sınırlandırın. Bu kasıtlı olarak yapılır, çünkü amaç, kullanıcının dikkatinin ürünler, hizmetler veya videolar (örneğin YouTube) gibi daha önemli bir şeye yönlendirilmesidir.
Bazen bir başlığa bile ihtiyacınız olmaz veya ihtiyacınız varsa, sadece küçük bir başlığa ihtiyacınız vardır.
Her şey web sitesinin benzersizliğine bağlıdır. Şimdi ve daha sonra size “bilgilendirilmiş” ne olursa olsun, web sitenize ihtiyaç duyduğu kişiliği verin. Web siteniz başlığınızdan ilham alan nedir? Belirli mesajları iletmenin yanı sıra, okuyucuya belirli duyguları aşılamayı da düşünebilirsiniz. Kanopiye verdiğiniz hedeflere bağlı olarak, aşağıdakilerden birinin okuyucusuna ilham verebilir: merak Bazı web siteleri için, okuyucunun merakını uyandıran başlıklar yapmak için uygun olacaktır. Daha fazlasını bilmek isteyecekler, daha fazlasını özleyecekler, hikayenin geri kalanını keşfetmek için acele edecekler. Canva’dan bu gölgelik hakkında hissediyorum. Orada büyük bir söz verdiler: “Herhangi bir tasarım”. Ve bunu test etmeye davetlisiniz. Kavga edebilir misin?
Eylem
Bazı durumlarda, doğrudan bir başlıktan harekete geçmek daha iyidir. Harekete geçme davetiyle, kullanıcıları doğrudan yarasalardan düğmelere tıklamaya veya web siteleriyle diğer etkileşimleri yapmaya davet edebilirsiniz. Planlanabilir bir durumda, USP’leri doğrudan aşağıdaki CTA’ya bağlanır. Ayrıca, satın almaya hazır değilseniz, bir gösteri planlama seçeneği de vardır.
İnanmak
Ziyaretçilerinize güvenerek başlamak yararlı olabilir. Daha sonra harekete geçmelerini istiyorsunuz ve bunu yapmak için, doğru kararı verdiklerine tamamen ikna olmalılar.
Bakalım Salesforce bunu nasıl yapıyor. Dünyanın en büyük CRM’leri olduklarını belirtiyorlar. Tamam, şirketlerin% 99’unun tarlalarında ilk olmadığını söyleyebilirsiniz. Ve haklı olacaksın. Ancak, aşağıda okursanız, kullanabileceğiniz bir şey olmalı. Ürünün ne kadar verimli olduğunu gösteren bir vaka çalışması var. Bu tür vaka çalışmalarını kullanabilirsiniz.Acı verici Neden okuyucuya, özellikle de başlıktan acıya ilham vermek istiyorsunuz? Birçok şirket, FUD ilkelerine (korku, belirsizlik, çifte) göre pazarlamıyor. Dönüşüm sürecinin ilk aşamalarında, korku/ağrı çözümü hemen uygulama ve ağrıyı solmaya yönlendirme kararını tetikleyecektir. Bu, siber güvenlik hizmetlerine, fiziksel güvenlik hizmetlerine, aynı zamanda sağlık veya emeklilik fonlarına da bir yaklaşım olabilir. Bu tür yaklaşımlar, insanları COVID’yi aşılamanız veya emniyet kemeri takmanız gerektiğini bilmesini isteyen kampanyalarda kullanılabilir.
Kahkaha
Belki en başından beri ziyaretçilerle duygusal olarak bağlantı kurmak istersiniz. Ve bunu yapmanın onları güldürmekten daha iyi bir yolu yoktur. Ve yüksek sesle gül. Bir katılım duygusu oluşur ve web sitesini keşfettiklerinde kullanıcılarınızı yanınızda bırakacaksınız. Aşinalık
Kullanıcı durumunu başlıkta sunulan benzer bir durumla bağlamak belirli bir samimiyet seviyesi oluşturabilir. Çeşitli web sitesi türleri için başlık türü, web sitesinin özgüllüğüne bağlıdır, başlık genel tasarım için diğerlerinden daha uygun olacaktır. Bu nedenle, kendi web siteniz için ne tür bir editörlüğün en uygun olduğu hakkında net bir fikriniz olmalıdır (e -ticaret, blog, portföy, çevrimiçi gazete vb.).
CTA’ya odaklanan başlıklar
Blue Apron durumunda, Canopy web sitesi büyük bir kahraman görüntüsü değil, büyük bir video kullanır. Bu bir zevk, aşinalık, iştah duygusu iletir. Ayrıca, kullanıcıları aynı rahat ve lezzetli deneyimlerden yararlanmak için harekete geçmeye davet eden CTA’mız var.
CrazyEgg web sitesi, kullanıcıları doğrudan gösteriler için ürünlerini almaya davet eden bir başlık ile birlikte gelir. Ürünleri böyle gerçek zamanlı gösteriler için çok uygundur. Ve bu doğrudan ürünün faydalarını kanıtlar. Ayrıca CTA’ya işaret eden görsel ipuçları kullanırlar: balondaki erkeklerin elleri düğmeye işaret eder.
Bu, marka kimliği ve marka öğelerine odaklanan iyi bir web sitesine örnektir. Bu, logo, üstteki marka logosunun renk kopyasını ve slogalarını içerir.
İçeriğe odaklanan başlıklar
Bu, makaleleri ve hikayeleri tanıtan bloglar ve dergiler için çok uygundur. Ancak, bazı istisnalar da buldum. Patagonia, verandada dükkanlarını tanıtmadı, ancak dünyada değişiklik yapma taahhüdünü gösteren hikayeleri teşvik ediyorlar. Canopy web sitesinde gösterilen mevcut hikaye kölelik ve aktivizm ile ilgilidir.
IKEA durumunda, ekranın sol tarafı ziyaretçileri çevrimiçi mağazalardan birine yönlendirirken, diğer yarısı kullanıcılardan IKEA hikayesini okumasını ister. Video arka planına odaklanmış başlıklar Bukwild, web sitesi başlığına 3 farklı videoyu entegre eder. Her video, uygun parçanın üzerine bir fare yerleştirilerek döndürülebilir. Bu durumda ilginç olan, videoyu markalarını temsil eden daha büyük bir “resmin” parçası olarak kullanmanın yaratıcı yoludur.
Ürüne odaklanan başlıklar Bir çevrimiçi moda mağazası olan Cropp durumunda, en son koleksiyon başlıkta görüntülenir.
Threadless.com duvar sanatını bağlama yerleştirir ve CMYK birliklerini gösterir.Üstbilgi ayrıca, “Squad” tarafından başlıkta sunulan senaryoya dahil edildiğini düşünen herkes için net bir CTA içerir. Wanderland’daki Seyahat Blogu durumunda, Canopy web sitesinde, Alex’in fotoğrafına ek olarak, kullanıcılar hikayenin başlangıcını bu başlıkta görebilirler: “Beş yıl ve büyümeye devam ediyor …”.Bu, okuyucuların daha fazla hikaye keşfetmek istedikleri bir davettir. Sarmak … başlık web sitesinin başarısına veya başarısızlığına büyük katkıda bulunur.Teknik olarak, bu üst kısım doğal olarak bir web sitesinde insanlarla etkileşime giren ilk şeydir.
