SEO ile 10 dakikadan daha kısa sürede bir web uygulaması nasıl geliştirilir

0
9

Bir web geliştiricisinin sorumlulukları, yalnızca bir uygulama tasarlamak ve geliştirmekten daha geniştir. Uygulamaya doğru özellik setini eklemenin yanı sıra, kullanıcıların onu benimseyeceğinden emin olmak için proaktif adımlar atmanız gerekir.

SEO ile ilgilenmek, bu kategoriye giren bir şeydir.

Uygulamanızın arama motoru sıralamalarında iyi performans göstermesini istiyorsanız, uygulamayı geliştirirken SEO tekniklerini kullanmak her web geliştiricisi için gerekli bir kötülüktür.

Web geliştiricileri için bu temel SEO kılavuzu, 10 dakikadan daha kısa bir sürede bir web uygulaması geliştirirken kullanmanız gereken en son SEO teknikleri hakkında sizi bilgilendirecektir.

Öncelikle, SEO kavramına tamamen aşina olmayanlar için temel bilgileri inceleyelim.

SEO nedir ve neden buna ihtiyacınız var?

SEO, Arama Motoru Optimizasyonu anlamına gelir. Bu terimin kendisi SEO’nun tam olarak ne olduğunu ortaya koyuyor.

Bir tarayıcı arama kutusuna bazı arama anahtar kelimeleri yazdığınızda, arama motorunun sonuçları nasıl görüntüleyeceğine, hangi web sayfalarının ilk 10 sonuçta listelendiğine ve hangilerinin daha sonra olduğuna karar vermesi gerekir.

Sunduğunuz ürüne benzer içerik arayan kullanıcıları çekmek istiyorsanız, sonuç listesinin en üstüne olabildiğince yakın bir sıralama yapmak, sitenizi ziyaret etmelerini sağlamak için en iyi seçeneğinizdir.

Arama motoru algoritmaları, hangi web sayfalarının kullanıcının anahtar kelimelerinin aradığına en yakın içeriği sağladığına karar vermek için her bir web sayfası hakkında depoladığı verileri kullanır. SEO’nun amacı, arama motoru algoritmalarını, web sayfanızın kullanıcının aradığı içeriğe sahip olduğuna ikna etmektir.

[Read: How Netflix shapes mainstream culture, explained by data]

Sıralama algoritmaları, web sayfasının içeriğine ek olarak, en iyi kullanıcı deneyimini sunan web sitelerini sonuç sayfasının en üstünde görüntülemeyi tercih eder.

Bu iki gereksinimi birleştirdiğinizde, geliştirme sırasında bir web sitesinin SEO yönüyle ilgilenen web geliştiricilerine ihtiyaç duyarsınız. Bir geliştirici olarak sorumluluğunuz, optimizasyon için bazı kod değişiklikleri, eklemeler ve ince ayarlar gerektiren SEO’nun teknik tarafında yatmaktadır.

Artık temel bilgiler ele alındığına göre, web geliştiricileri için temel SEO ipuçlarına geçmeye başlayalım.

Arama motoru tarayıcıları, sunduğu içerik türünü belirlemek için bir web sayfasındaki belirli HTML etiketlerine bakar. SEO için en alakalı iki etiket başlık ve açıklama etiketleridir.

Bir web sitesinin meta etiketlerini kendiniz yazıyorsanız, anahtar kelimelerin rolünü göz önünde bulundurmanız gerekir.

Anahtar kelimeler nedir?

Arama motoru terimlerinde, anahtar kelimeler, kullanıcıların bir tarayıcının arama kutusuna yazdığı aşamalardır.

Arama motoru kullanıcılarını web sayfanıza çekmek için, önce sunduğunuz şeye benzer içerik arayan kullanıcıların aradıkları anahtar kelimeleri belirlemeniz gerekir.

İlgili anahtar kelimeleri belirledikten sonra, bunları web sayfası içeriğinde kullanmalısınız. Tanımlanan anahtar kelimelerin kullanılacağı en önemli yerler web sayfasının başlık etiketi ve H1 etiketidir.

Anahtar kelimeleri H2 içinde ve diğer başlık ve paragraflarda da kullanmalısınız. Ancak, arama motorunun sıralama algoritması üzerinde ilk bahsedilenlere göre daha az etkiye sahiptirler.

Bir web sayfasındaki anahtar kelimeleri aşırı kullanmamaya dikkat edin. Sıralama algoritmaları, anahtar kelimelerin aşırı kullanımını algoritmayı yanlış yönlendirme girişimi olarak görür ve bunun için sizi cezalandırır. Anahtar kelimelere karşı anahtar kelimeler için iyi bir oran nedir? Milyon dolarlık soru bu.

Başlık etiketi

Anahtar kelimeleri bir başlık etiketine yerleştirmenin en etkili konumu başlangıcıdır. Bu mümkün değilse, anahtar kelimeyi başlığın içinde herhangi bir yerde kullanın.

İyi optimize edilmiş bir başlık etiketi, boşluklar ve diğer özel karakterler dahil olmak üzere 60 karakterden uzun olmamalıdır.

Meta açıklama etiketi

Açıklama etiketlerinin, sıralama algoritmasının sonucu üzerinde fazla ağırlığı yoktur. Ancak vermiş olduğunuz açıklama SERP üzerinde kullanıcılara web sayfasındaki içerik hakkında fikir sahibi olmaları için gösterildiğinden, kullanıcıları web sayfanızdaki linke tıklamaya zorlayacak şekilde yazılmalıdır.

Robots.txt dosyası ve robots meta etiketleri

Arama motorlarına dosyada belirtilen sayfaları taramamalarını söylemek için robots.txt dosyasını kullanın. Genellikle, tarayıcıların belirli bir web sayfasından engellenmesi, tarayıcıların isteklerinin uygulamanın sunucusunu ezip geçmesini engellemek için kullanılır. Bunu yalnızca sunucuya gönderilen isteklerin sayısını azaltmak web sayfasının performansı için kritikse yapın.

Ayrıca web sitesindeki önemsiz sayfaların taranmasını da engelleyebilirsiniz.

Web sayfalarının Google veya benzer arama motorlarında dizine eklenmesini önlemek için robots.txt dosyasını kullanabilirsiniz. Ancak bu tamamen başarılı değil. Mevcut sayfaya bağlanan başka bir sayfa varsa, yine de dizine alınabilir.

Bir sayfanın dizine eklenmesini tamamen kaldırmak istiyorsanız, noindex robots meta etiketini sayfanın HTML koduna ekleyin.

Bir tarayıcı genellikle zaten ziyaret ettiği bir sayfanın içindeki bağlantılı sayfaları tarar.

Bazen, bağlantılı bir web sayfasının sitenizle ilişkilendirilmesini engellemek veya onu geçerli sayfadan taramamak isteyebilirsiniz. Bu tür durumlarda, rel özniteliğinin değeri olarak nofollow’u iletebilirsiniz.

Ancak Google, 2020’den beri nofollow’u kural olarak değil, yalnızca bir ipucu olarak kullandıklarını duyurdu. Bu nedenle, nofollow kullanmak Google’a yalnızca bağlantılı sayfanın taranmasını istemediğinizi söyleyecektir; Google, istediğiniz gibi yapmaya karar verebilir veya vermeyebilir.

Bir tarayıcının bağlantılarınızdan herhangi birini izlemesini istemiyorsanız, meta robots etiketinizdeki tek bir satırı kullanarak onlara talimat verebilirsiniz.

Yapılandırılmış veriler

Bazen arama sonucu sayfasının sonuçları nasıl özel biçimlerde görüntülediğini görmüş olabilirsiniz. Örneğin, google “makarna tarifleri” ni kullanırsanız, sonuç sayfası, farklı yemek tarifi sayfalarına bağlantılar içeren özel kartlar görüntüler.

Google’daki arama sonucu kartı örneği

Google ve diğer çoğu arama motoru, bunun gibi özel özellikleri görüntülemek için verileri almak üzere bir web sayfasında sağlanan yapılandırılmış verileri kullanır.

Yapılandırılmış verileri yazmak için kullanılan sözcük dağarcığı çoğunlukla schema.org’da tanımlanana benzer. Bununla birlikte, kabul ettiği tam biçimi görmek için arama motorunun belgelerine bakmalısınız. Google için optimize ediyorsanız, yapılandırılmış verilerinizi Google’ın Zengin Sonuçlar Testini kullanarak test edebilir ve doğrulayabilirsiniz.

Şimdi, Google’a içeriği hakkında doğru bilgileri sağlamak için web sayfamızda yapılandırılmış verileri nasıl kullanabileceğimize bakalım.

Web sayfamız bir tarif sayfasıysa, tarifle ilgili ad, yazar, derecelendirme ve diğer ilgili verileri sağlamak için JSON-LD biçiminde yazılmış aşağıdaki yapılandırılmış verileri kullanabilirsiniz.

Tarif’e ek olarak Google, Makale, SSS, Kitap, JobPosting ve Yerel İşletme dahil olmak üzere bir dizi başka özellik türü sağlar. Farklı yapılandırılmış veri biçimleri ve içerik türleri hakkında daha fazla ayrıntı öğrenmek için Google’ın geliştirici belgelerine bakın.

Sayfa yükleme hızı

Sayfa yükleme hızı, kullanıcılara daha iyi bir kullanıcı deneyimi sağlamanın ana yönlerinden biridir.

Google tarafından yapılan bir 2018 araştırması, sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma olasılığının% 32, sayfa yükleme süresi 1 saniyeden 5 saniyeye çıktığında% 90 arttığını keşfetti.

Kullanıcı deneyimi için sayfa hızının önemi nedeniyle Google, bunu sıralama algoritmasında bir sıralama faktörü olarak kullanmaya başladı. Artık, artan sayfa yükleme hızı, web sayfanızın Google’ın sonuçlar sayfasında daha üst sıralarda yer almasının bir nedenidir.

Web sayfanızın hızlı yüklenmesi önemli olsa da, kullanıcılara hızlı yükleniyor gibi hissettirmek de önemlidir. İçeriğin geri kalanı arka planda yüklenirken ve sayfanızın kullanıcıya daha hızlı yüklendiği hissini verirken, kullanıcının dikkatini çekmek için sayfada bazı içeriğin görüntülenmesi için gereken süreyi azaltmanız gerekir.

Google’ın Deniz Feneri, sitenizin performansını ölçmek için harika bir araçtır. Performans puanı yalnızca mükemmel ağ koşullarında gerçek sayfa hızına bağlı değildir. Sitenizin berbat 3G bağlantılarında bile nasıl performans gösterdiğini etkiler. Lighthouse, sayfa yükleme sürenizin gerçek bir kullanıcıya nasıl hissettireceğini ölçmek için harika bir araçtır.

Bir web sayfasının yükleme hızını artırmak için birkaç yaklaşım kullanabilirsiniz.

CSS, Javascript ve HTML’yi küçültün Yönlendirme sayısını azaltın Tarayıcı önbelleğinden yararlanın Görüntü boyutlarını optimize edin Geç yüklemeden yararlanın Google’ın Hızlandırılmış Mobil Sayfasından (AMP) yararlanın

Mobil Uyumluluk

Çoğu çevrimiçi içerik mobil öncelikli bir yaklaşım benimsediğinde, Google aynı zamanda bir web sayfasının mobil uyumluluğunu sıralama algoritmasına dahil etmek için önlemler aldı.

Mobil uyumlu bir web sitesi, mobil kullanıcılara daha iyi bir kullanıcı deneyimi sağlar. Web’e cep telefonlarından erişen kullanıcıların sayısı tüm zamanların en yüksek seviyesindeyken, web uygulamanızı mobil kullanıcılara daha iyi hizmet verecek şekilde dönüştürmek hiç akıllıca olmamalıdır.

Web sitenizi daha mobil uyumlu hale getirmek için uygulayabileceğiniz üç ana yaklaşım vardır.

Duyarlı bir tasarım kullanın

Mevcut tasarımınızı duyarlı bir tasarıma dönüştürmek, mevcut kod tabanınız üzerinde en az etkiye sahip olacaktır.

Yeni görüntü alanı meta etiketleri ayarlayabilir, web tasarımını duyarlı hale getirmek için farklı ekran çözünürlükleri için CSS’yi daha esnek hale getirebilirsiniz.

Dinamik bir tasarım kullanın

Dinamik tasarım, içeriği isteyen kullanıcı aracısı türünü algıladıktan sonra mobil ve masaüstü kullanıcılarına farklı HTML içeriği sunar. Mobil ve masaüstü kullanıcıları için farklı şekilde işlenmiş sayfalar sunması gerektiğinden, duyarlı bir tasarımdan daha fazla çaba gerektirir.

Bir mobil alt alan kullanın

Bazı web uygulamaları, mobil kullanıcılar için ayrı bir alt alan kullanır. Genellikle, alt alan adı mobile.example.com veya m.example.com’a benzer bir ada sahiptir. Bu yaklaşım, uygulama için çok daha fazla zaman ve çaba gerektirir. Küçük veya orta ölçekli web siteleri için, özellikle web sitenizin iki farklı sürümüne sahip olmayacaksanız, genellikle önerilmez.

Sonuç

SEO konusunda endişelenmek, bir web geliştiricisinin iş tanımının dışında bir şeye benzeyebilir, umarım bu makale, müşterilerinize eksiksiz bir web uygulaması sunmak için SEO’nun bir zorunluluk olduğuna sizi ikna etmeyi başarmıştır.

Bu makale SEO web geliştiricilerinin odaklanması gereken en önemli yönlerden bahsederken, diğer bazı teknik faktörler sıralama algoritmalarının kararına ağırlık veriyor.

Bir web geliştiricisi olarak SEO’da uzmanlaşmanın bir sonraki adımı olarak, daha teknik SEO uygulamalarını araştırabilir ve web sitenizin arama sonuçları sayfasının en üstünde yer almasını sağlamak için bunları kullanabilirsiniz.

Bu makale ilk olarak Canlı Kod Yayını’nda Canlı Kod Akışı’nın kurucusu ve yayıncısı, girişimci, geliştirici, yazar, konuşmacı ve işin sorumlusu Juan Cruz Martinez (twitter: @bajcmartinez) tarafından yayınlandı.

Canlı Kod Akışı ayrıca haftalık ücretsiz bir haber bülteni olarak da mevcuttur. Genel olarak programlama, yapay zeka ve bilgisayar bilimi ile ilgili her şeyle ilgili güncellemeler için kaydolun.

Sıradaki yazıyı okuyun: Chatbot, “lezbiyenlerden gerçekten nefret ediyor” dedikten ve ırkçı hakaretler kullandıktan sonra kapandı

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz