Web Tasarım Elemanı: 5 Önemli SEO faktörü
SEO stratejisinin, web sitesinin geliştirilmesinin son aşamasında tamamen yanlış uygulanması gerektiği görüşü. Tersine, web sitesi arama motorunuzun optimizasyonuna ne kadar erken başlarsanız o kadar iyidir. Site tamamen hazır olmadan başlayabilir misiniz? Tabii ki. Gelecekteki sitelerin ve özellikle sayfaların tasarım aşamasında uygulanabilecek bir SEO konsepti vardır. Ancak, burada da bazı zorluklar var. Özellikle, tasarım geliştirirken, birçok özelliğin dahil edilmesi gerekmez, bu da siteyi aşırı yüklemelidir. Bu nedenle, yükleme hızı önemli ölçüde azalır ve kullanım azalır. Bu nedenle, Tasarımda SEO kavramının kullanımı dikkatle yaklaşılmalı ve dikkate alınmalıdır. Sitenizi zaten tasarım aşamasında optimize ederken dikkate alınması gereken 5 önemli faktör.
1. Mobil ilk tasarım şu anda dünya çapında 4,8 milyar telefon kullanıcısı var, bunların 3,5 milyar akıllı telefon kullanıyor (Statista, 2019). Google’ın neden ilk mobil dizine geçtiğini açıklar, bu da sıralama açısından Google’ın önce bir web sitesinin hücresel sürümünü değerlendirdiği anlamına gelir. Sitenizi arama sonuçlarının zirvesine getirmek istiyorsanız, web geliştirmenin başlangıcından beri duyarlı tasarım ana husus olmalıdır. Duyarlı tasarım, onu açan herhangi bir cihaza otomatik olarak ayarlayan bir tasarımdır: masaüstü, akıllı telefon veya tablet.
Sitenizi SEO açısından geliştirmek istiyorsanız, aşağıdaki yönlere dikkat etmelisiniz:
Mobil cihazlar için görüntüleri optimize etmek;
CSS aracılığıyla metni küçük bir ekrana uyarlamak;
Site ziyaretçilerinizin Portre veya Peyzaj Oryantasyonunda açabileceğini unutmayın; metnin, resimlerin, GIF’lerin ve videoların masaüstü ve mobil cihazlarda doğru görüntülendiğinden emin olun;
Herhangi bir cihazdan okunması kolay olan kısa başlıklar ve yapılandırılmış metinler kullanın.
Bittiğinde, sitenizin hücresel dostu olup olmadığını test etmek için resmi Google aracını kullanabilirsiniz. 2. İçerik Yapısı Kullanıcılar web sitenizde gezindiğinde, aradıklarını kolayca bulabilmelidir. Bu, web sitesi tasarımınızın mantıksal gezinme, yapılandırılmış içerik, görsel sinyaller ve daha fazlasına sahip olması gerektiği anlamına gelir. Aşağıda bu konu hakkında sizin için birkaç ipucum var.
Menü veya navigasyon çubuğu, genellikle web sitesinin en üstüne ve tüm sayfalara yerleştirilen bir siteden en önemli bağlantı koleksiyonudur. Menü iyi bir kullanıcı deneyimi sağlamazsa, yeni bir şehirde GPS olmadan sürüş gibi olacaksınız. Nasıl hissediyorsun? Doğru menünün birçok faydası vardır:
Web sitesi ziyaretlerinin süresini artırmak
Pentalan’ın oranının azalması (yani insanlar sitenizin birkaç sayfasını keşfeder)
Daha fazla satın alma (siteniz çevrimiçi bir mağaza ise)
geri kullanıcı
Bu menünün örneğine bakın, her türlü takım için çevrimiçi işbirlikçi bir tahta platformu sunan bir SaaS şirketi olan Miro’dan. Menü aşağıdakilere ayrılmıştır:
Şablonları, ürün özelliklerini, Miro tarafından kullanılan entegrasyonu içerir.
Kullanım durumları – Ürünün kişiselleştirilmiş bir örnekle kullanılabileceği tüm durumlar,
Takım – farklı takımların ürünü nasıl kullanabileceğini açıkladıkları yer,
fiyat,
Şirket – Daha büyük bir ekip, Miro, Satış İletişimini kullanarak nasıl işbirliği yapabilir,
Katılmak,
CTA düğmesini kaydedin.
Demek istediğim … cevaplanmayan soru yok, değil mi?
Kaynak: Miro.com Başlık ve Altyazılar Web sitenizdeki içeriği gruplamak için başlığı ve altyazıları kullanmanız, okumayı veya okumayı kolaylaştırmak için kullanmanız gerekir. İçeriğiniz okunamazsa, kullanıcının kalbini hızlı bir şekilde azaltır. Bilgi yapılandırılmış bir şekilde sunulmalıdır. H1, H2, H3 ve H4 etiketleri gibi HTML etiketleri kullanmak bu konuda çok yardımcı olacaktır. Yapılandırılmış metni okurken, kullanıcıların bilgileri özümsemeleri daha kolaydır. Gerçek altyazılar, okuyucuların ne okuduklarını anlamaları için “dinlenmelerine” izin verir. Ayrıca, metinde altyazıların kullanılması Google robotları için daha çekici hale getirir.
Görsel Hiyerarşi Görsel Hiyerarşi, kullanıcıyı istenen eyleme sorunsuz bir şekilde yönlendirmenizi sağlayan bir tekniktir: öğeler satın alın, biriyle iletişime geçin, bilgi bulun vb. Görsel hiyerarşi, ölçek, kontrast, renk, denge gibi ilkeleri ilgi alanlarına göre sıralama öğelerine veya kullanıcılarınızın görmesini isteme şeklinize kullanır. Başlık ve altyazılar da bu hiyerarşinin bir parçasıdır. Şimdi, bu konu kesinlikle tüm makaleleri almayı hak ediyor, ancak sonunda, geri adım atmalı ve web sitenizin tasarımının amacını bulmalısınız: Bilgi mimarinizi hedeflerinize ulaşmak için nasıl planlıyorsunuz? İş ve Kullanıcı Hedefleri? Görsel İşaret Görsel sinyal, önemli alanlara dikkat çekmek için kullanılan bir elementtir. Web sitenizle ilgili web sitesini ziyaret edenlere yardımcı olurlar ve hunideki bir sonraki adıma devam ederler. Daha önce gördüğünüzden eminim çünkü oldukça açıktır: belirli sayfalara işaret eden oklar veya gösteren kişilerin elleri Size bir şey ya da kişi belirli yönlere bakar, vb. Aşağıdaki örneğe bakalım. “200 Araç” sarı olarak vurgulanmıştır, çünkü bu önemli bir ürün özelliğidir. Ayrıca, size daha fazla konu araştırabileceğinizi söyleyen “Pazarı Keşfet” yakınında oklar vardır.
Kaynak: LiveChat.com 3. Hayati Web Çekirdek Vitalleri, Google’ın Web’de olağanüstü kullanıcı deneyimi sağlamak için kalite yönergeleri sunma girişimidir. Core Web Vitals, tüm web sayfaları için geçerli olan ve Mayıs 2021’de resmi bir sıralama faktörü olacak Web Vitals’in bir alt kümesidir. Bu, kullanıcı deneyiminin organik sıralamanın çekirdeği olacağı anlamına gelir. Temel web verileriyle ne ölçülür? LCP – Ana içeriği içeren hız (içeriğin en büyük içeriği);
İyi: 2,5 saniyeden az
FID – İçerikle ilk etkileşimden önce bekleme süresi (ilk giriş gecikmesi);
İyi: 100 milisaniyeden az
İyileştirme Gerekiyor: 300 milisaniyeye kadar
Kötü: 300 milisaniyeden fazla
CLS – Düzen stabilitesi ve içerikle etkileşime müdahale etmeyen elemanlar (kümülatif düzen kayması).
İyi: 100 milisaniyeden az
İyileştirme Gerekiyor: 100 ila 250 milisaniye arasında
Kötü: 250 milisaniyeden fazla
Başlamak için Google, aşağıdakileri yapmayı önerdi: İyileştirme olasılığını görmek için site sayfalarının büyük ölçekli denetimi yapın. Çekirdek web verileri için arama konsolu raporu, site performansı ve detay metriğinin tam bir resmini sağlar.
Sayfa hızlarının ve deniz fenerlerinin içgörüleri, bulduğunuz sorunları çözmenize yardımcı olacaktır.
Web.dev/vits-tools ile başlamak için tam bilgi alabilirsiniz.
AMP teknolojisi potansiyeli kullanın.
4. Kullanıcı Niyeti Bir web sitesi geliştirirken, kullanıcı niyetlerini de göz önünde bulundurmanız gerekir. Kullanıcıların gerçekte hangi kelimeleri aradıklarını doğru bir şekilde ifade edebilecekleri her zamanki gibi. Sitenizdeki içeriği, sitenizin kullanıcının niyetleriyle eşleşecek şekilde optimize etmelisiniz. Örneğin, kullanıcılar “pizza” kelimesini yazarsa, yüz binlerce arama sonucu görürler. Google, isteği üzerine kullanıcılara en doğru cevabı vermeye çalışır, böylece arama motoru kişinin gerçekte ne aradığını tahmin etmeye çalışır.
Kabaca, kullanıcı niyetleri üç istek grubuna ayrılabilir:
Bilgi (“Pizza Nedir”);
navigasyon (“en yakın pizza restoranı nerede”);
İşlemsel (“Pizza Teslimat”, “Pizza Fiyatları”).
Amacınız, Google’a web sayfalarının ve blogların ne tür bir isteğine sahip olduğunu göstermek ve bu istekler için daha fazla seçenek düşünmektir. Tasarım, resim, belirli bir URL’deki metin Google’daki belirli arama sorguları etrafında optimize edilmelidir. Kullanıcının niyetleriyle eşleşen anahtar kelimeler için daha fazla fikir edinmek için SE Ranking Anahtar Kelime Araştırma aracını kullanabilirsiniz. 5. Dahili bağlantılar Başka bir önemli husus, sitedeki dahili bağlantıdır. Bununla birlikte, kullanıcılar sitenizdeki evlerini genişletecek diğer sayfalarla tanışma fırsatına sahiptir. Ancak, dikkate almanız gereken harici bağlantılar da vardır. Dahili bağlantılar web sitesi gezinme yeteneklerini geliştirmek için de kullanılır. Sadece kullanıcılar için değil, arama robotları için de gereklidirler. Bu şekilde, en değerli sitenizde hangi sayfaların hangi sayfalarını belirleyebilirler. Dahili bağlantıların optimizasyon işlemi üzerinde olumlu bir etkisi olabilir, yani: yeni sayfaların arama motoru dizinlerine girişini hızlandırmak;
Bunlar kaynak navigasyon öğeleridir ve kullanıcıların sitelerde gezinmelerine yardımcı olur;
Site yapısı sadece ziyaretçiler için değil, aynı zamanda arama motorları içindir.
1. Mobil ilk tasarım şu anda dünya çapında 4,8 milyar telefon kullanıcısı var, bunların 3,5 milyar akıllı telefon kullanıyor (Statista, 2019). Google’ın neden ilk mobil dizine geçtiğini açıklar, bu da sıralama açısından Google’ın önce bir web sitesinin hücresel sürümünü değerlendirdiği anlamına gelir. Sitenizi arama sonuçlarının zirvesine getirmek istiyorsanız, web geliştirmenin başlangıcından beri duyarlı tasarım ana husus olmalıdır. Duyarlı tasarım, onu açan herhangi bir cihaza otomatik olarak ayarlayan bir tasarımdır: masaüstü, akıllı telefon veya tablet.
Sitenizi SEO açısından geliştirmek istiyorsanız, aşağıdaki yönlere dikkat etmelisiniz:
Mobil cihazlar için görüntüleri optimize etmek;
CSS aracılığıyla metni küçük bir ekrana uyarlamak;
Site ziyaretçilerinizin Portre veya Peyzaj Oryantasyonunda açabileceğini unutmayın; metnin, resimlerin, GIF’lerin ve videoların masaüstü ve mobil cihazlarda doğru görüntülendiğinden emin olun;
Herhangi bir cihazdan okunması kolay olan kısa başlıklar ve yapılandırılmış metinler kullanın.
Bittiğinde, sitenizin hücresel dostu olup olmadığını test etmek için resmi Google aracını kullanabilirsiniz. 2. İçerik Yapısı Kullanıcılar web sitenizde gezindiğinde, aradıklarını kolayca bulabilmelidir. Bu, web sitesi tasarımınızın mantıksal gezinme, yapılandırılmış içerik, görsel sinyaller ve daha fazlasına sahip olması gerektiği anlamına gelir. Aşağıda bu konu hakkında sizin için birkaç ipucum var.
Menü veya navigasyon çubuğu, genellikle web sitesinin en üstüne ve tüm sayfalara yerleştirilen bir siteden en önemli bağlantı koleksiyonudur. Menü iyi bir kullanıcı deneyimi sağlamazsa, yeni bir şehirde GPS olmadan sürüş gibi olacaksınız. Nasıl hissediyorsun? Doğru menünün birçok faydası vardır:
Web sitesi ziyaretlerinin süresini artırmak
Pentalan’ın oranının azalması (yani insanlar sitenizin birkaç sayfasını keşfeder)
Daha fazla satın alma (siteniz çevrimiçi bir mağaza ise)
geri kullanıcı
Bu menünün örneğine bakın, her türlü takım için çevrimiçi işbirlikçi bir tahta platformu sunan bir SaaS şirketi olan Miro’dan. Menü aşağıdakilere ayrılmıştır:
Şablonları, ürün özelliklerini, Miro tarafından kullanılan entegrasyonu içerir.
Kullanım durumları – Ürünün kişiselleştirilmiş bir örnekle kullanılabileceği tüm durumlar,
Takım – farklı takımların ürünü nasıl kullanabileceğini açıkladıkları yer,
fiyat,
Şirket – Daha büyük bir ekip, Miro, Satış İletişimini kullanarak nasıl işbirliği yapabilir,
Katılmak,
CTA düğmesini kaydedin.
Demek istediğim … cevaplanmayan soru yok, değil mi?
Kaynak: Miro.com Başlık ve Altyazılar Web sitenizdeki içeriği gruplamak için başlığı ve altyazıları kullanmanız, okumayı veya okumayı kolaylaştırmak için kullanmanız gerekir. İçeriğiniz okunamazsa, kullanıcının kalbini hızlı bir şekilde azaltır. Bilgi yapılandırılmış bir şekilde sunulmalıdır. H1, H2, H3 ve H4 etiketleri gibi HTML etiketleri kullanmak bu konuda çok yardımcı olacaktır. Yapılandırılmış metni okurken, kullanıcıların bilgileri özümsemeleri daha kolaydır. Gerçek altyazılar, okuyucuların ne okuduklarını anlamaları için “dinlenmelerine” izin verir. Ayrıca, metinde altyazıların kullanılması Google robotları için daha çekici hale getirir.
Görsel Hiyerarşi Görsel Hiyerarşi, kullanıcıyı istenen eyleme sorunsuz bir şekilde yönlendirmenizi sağlayan bir tekniktir: öğeler satın alın, biriyle iletişime geçin, bilgi bulun vb. Görsel hiyerarşi, ölçek, kontrast, renk, denge gibi ilkeleri ilgi alanlarına göre sıralama öğelerine veya kullanıcılarınızın görmesini isteme şeklinize kullanır. Başlık ve altyazılar da bu hiyerarşinin bir parçasıdır. Şimdi, bu konu kesinlikle tüm makaleleri almayı hak ediyor, ancak sonunda, geri adım atmalı ve web sitenizin tasarımının amacını bulmalısınız: Bilgi mimarinizi hedeflerinize ulaşmak için nasıl planlıyorsunuz? İş ve Kullanıcı Hedefleri? Görsel İşaret Görsel sinyal, önemli alanlara dikkat çekmek için kullanılan bir elementtir. Web sitenizle ilgili web sitesini ziyaret edenlere yardımcı olurlar ve hunideki bir sonraki adıma devam ederler. Daha önce gördüğünüzden eminim çünkü oldukça açıktır: belirli sayfalara işaret eden oklar veya gösteren kişilerin elleri Size bir şey ya da kişi belirli yönlere bakar, vb. Aşağıdaki örneğe bakalım. “200 Araç” sarı olarak vurgulanmıştır, çünkü bu önemli bir ürün özelliğidir. Ayrıca, size daha fazla konu araştırabileceğinizi söyleyen “Pazarı Keşfet” yakınında oklar vardır.
Kaynak: LiveChat.com 3. Hayati Web Çekirdek Vitalleri, Google’ın Web’de olağanüstü kullanıcı deneyimi sağlamak için kalite yönergeleri sunma girişimidir. Core Web Vitals, tüm web sayfaları için geçerli olan ve Mayıs 2021’de resmi bir sıralama faktörü olacak Web Vitals’in bir alt kümesidir. Bu, kullanıcı deneyiminin organik sıralamanın çekirdeği olacağı anlamına gelir. Temel web verileriyle ne ölçülür? LCP – Ana içeriği içeren hız (içeriğin en büyük içeriği);
İyi: 2,5 saniyeden az
İyileştirme Gerekiyor: 2,5 ve 4 saniye arasında
Kötü: 4 saniyeden fazlaFID – İçerikle ilk etkileşimden önce bekleme süresi (ilk giriş gecikmesi);
İyi: 100 milisaniyeden az
İyileştirme Gerekiyor: 300 milisaniyeye kadar
Kötü: 300 milisaniyeden fazla
CLS – Düzen stabilitesi ve içerikle etkileşime müdahale etmeyen elemanlar (kümülatif düzen kayması).
İyi: 100 milisaniyeden az
İyileştirme Gerekiyor: 100 ila 250 milisaniye arasında
Kötü: 250 milisaniyeden fazla
Başlamak için Google, aşağıdakileri yapmayı önerdi: İyileştirme olasılığını görmek için site sayfalarının büyük ölçekli denetimi yapın. Çekirdek web verileri için arama konsolu raporu, site performansı ve detay metriğinin tam bir resmini sağlar.
Sayfa hızlarının ve deniz fenerlerinin içgörüleri, bulduğunuz sorunları çözmenize yardımcı olacaktır.
Web.dev/vits-tools ile başlamak için tam bilgi alabilirsiniz.
AMP teknolojisi potansiyeli kullanın.
4. Kullanıcı Niyeti Bir web sitesi geliştirirken, kullanıcı niyetlerini de göz önünde bulundurmanız gerekir. Kullanıcıların gerçekte hangi kelimeleri aradıklarını doğru bir şekilde ifade edebilecekleri her zamanki gibi. Sitenizdeki içeriği, sitenizin kullanıcının niyetleriyle eşleşecek şekilde optimize etmelisiniz. Örneğin, kullanıcılar “pizza” kelimesini yazarsa, yüz binlerce arama sonucu görürler. Google, isteği üzerine kullanıcılara en doğru cevabı vermeye çalışır, böylece arama motoru kişinin gerçekte ne aradığını tahmin etmeye çalışır.
Kabaca, kullanıcı niyetleri üç istek grubuna ayrılabilir:
Bilgi (“Pizza Nedir”);
navigasyon (“en yakın pizza restoranı nerede”);
İşlemsel (“Pizza Teslimat”, “Pizza Fiyatları”).
Amacınız, Google’a web sayfalarının ve blogların ne tür bir isteğine sahip olduğunu göstermek ve bu istekler için daha fazla seçenek düşünmektir. Tasarım, resim, belirli bir URL’deki metin Google’daki belirli arama sorguları etrafında optimize edilmelidir. Kullanıcının niyetleriyle eşleşen anahtar kelimeler için daha fazla fikir edinmek için SE Ranking Anahtar Kelime Araştırma aracını kullanabilirsiniz. 5. Dahili bağlantılar Başka bir önemli husus, sitedeki dahili bağlantıdır. Bununla birlikte, kullanıcılar sitenizdeki evlerini genişletecek diğer sayfalarla tanışma fırsatına sahiptir. Ancak, dikkate almanız gereken harici bağlantılar da vardır. Dahili bağlantılar web sitesi gezinme yeteneklerini geliştirmek için de kullanılır. Sadece kullanıcılar için değil, arama robotları için de gereklidirler. Bu şekilde, en değerli sitenizde hangi sayfaların hangi sayfalarını belirleyebilirler. Dahili bağlantıların optimizasyon işlemi üzerinde olumlu bir etkisi olabilir, yani: yeni sayfaların arama motoru dizinlerine girişini hızlandırmak;
Bunlar kaynak navigasyon öğeleridir ve kullanıcıların sitelerde gezinmelerine yardımcı olur;
Site yapısı sadece ziyaretçiler için değil, aynı zamanda arama motorları içindir.
