3. Hafta Web Sitesi Hedeflerinizi Belirleyin (Word)

  Web Sitesi Hedeflerinizi  Belirleyin

—              İşin başında hedeflerinizi açıkça belirlemek başarının anahtarını oluşturuyor.

Ne maksatla site yapmak istediğinizi düşünün, örneğin;

—              Verdiğiniz hizmetleri listelemek

—              Ürünlerinizin tanıtımını yapmak

—              Bir Topluluk  Oluşturmak

—              Marka Bilinirliliğini Artırmak

—              Yerel Arama Sonuçlarında Görüntülenmek (SEO)

—              Sadece Tecrübelerinizi Paylaşmak (Blog)

Sonra hedef kitlenizi göz önünde bulundurarak web

sitenize geldiklerinde neler yapacaklarını düşünün.

Bunlar;

—         Ürün ve hizmetlerinizi incelemek/satın almak

—         Yazdığınız bir yazıyı okumak

—         Bir dosya indirmek

—         Sitenizdeki telefonu aramak

—         Yorum bırakmak

—         Sayfalarınızı sosyal medyada paylaşmak

2-               Hedef Kitlenizi  Tanımlayın

—              Hedef kitlenizi somut bir şekilde tanıyor musunuz?

Hedef kitlenizin özelliklerini düşünmek için mutlaka zaman ayırın.

—              Onların kim olduğunu anlamak için demografik ve psikolojik nitelikleri size yardımcı olacaktır.

Müşterilerin  isteklerini  belirleyin

—              Bizimle iş yapmak isteyen birisi neden web sitemize gelir? Sitemize geldiğinde neyi kolayca bulmak ister?

4-                      Sektördeki Örnekleri İnceleyin

Sektörde bulunan diğer markaları incelemek genel eğilimleri görmemize imkan verir. Bu web sitelerini incelerken aşağıdaki soruları akılda tutmak işinize yarayacaktır:

—         Bizimle aynı işi yapan büyük firmalar web sitelerinde neler yapmışlar?

—         KOBİ’ler neler yapmışlar?

—         Yurtdışında neler yapılmış?

—         Neler yapılmamış ve anlamlı boşluklar var?

5-            Sitenizin Görünümüne Karar Verin

—         Renkler, fontlar ve görseller sitenizin şeklini

oluştururlar. Ancak bunca detaya girmeden önce

sitenizin ziyaretçilere ne hissettireceğine karar verin İçerik Gereksinimlerinizi Tespit Edin

—         Web sitenizi yapmaya başlamadan önce sitenizde ne kadar bilgi yayınlayacağınızı bilmeniz gerekir.

Renk Karmaşasından Kaçının

—              Renkler bir web sitesi için en önemli unsurlardan bir tanesidir. Bu sebeple, çok fazla renk kullanımından kaçının.

—              Genel olarak sitede kullanılacak olan logonun renkleri, ana

renk teması olarak seçilebilir.

—              Birbirine uyumlu olacak şekilde mümkün olduğu kadar az

renk kullanmaya özen gösterin.

—              Aksi takdirde sitenin görünümü çok karmaşık bir hal alabilir. Bu da siteye gelen ziyaretçileri yorarak siteden ayrılmalarına sebep olabilir.

—       Renklerinizi seçerken birbiri ile uyumlu, gözü yormayan, okunması kolay yazı renkleri seçilmelidir ve çok fazla renk kullanılmalıdır.

—       http://www.dijitalajanslar.com/web-tasarimda-uyumlu-renk- paletleri-nasil-olusturulur/

Okunabilir Fontlar Kullanın

—              Sitede yazının önemi cok büyüktür. Yazıyı seçmeden önce başlıca dikkat edilmesi gereken husular vardır:

—            Okunabilirlik

—            Boyut

—              Diğer fontlar ile uyum

—            Font stili

—              Genel web tasarım

Site İçi Yönlendirmelere  Dikkat Edin

—         Web sitenizi ziyaret eden kişiler, bulundukları

sayfalardan diğer sayfalara en kısa yoldan gitmek isterler. Bunun için tüm sayfalarda; anasayfaya ve diğer sayfalara giden bağlantılar vermek faydalı

olacaktır. Bu şekilde ziyaretçiler sayfalar arasında en hızlı şekilde dolaşabilecektir. Bu da sitenizi ziyaret eden kişilerin, sitede akıcı bir şekilde dolaşmasını

sağlayacaktır.

—         Site içinde gezinme kolay olmalı bir sayfadan diger

sayfalara geçmek için en kısa yolu ziyaretçilere sunmalısınız.

—         Sayfalara geçişler kolay olmalı ve ziyaretçiye kolaylık sağlamalıdır.

—         Sitede dolasan kişilerin rahat ve hızlı bır şekilde geçis yapabilecektir.

—          Web  Tasarımı  ile Kullanıcılar için Bir Harita olabilir ve onları yönlendirebilirsiniz!

  İnternet gezintisi yapan kullanıcılar sizin çok özenle sitenize koyduğunuz her şeyi tek tek okumaz aksine

bu eylemden sıkılır. Bu sebeptendir ki sitenizde en çok neye dikkat edilmesini istiyorsanız o kısmı sitenizde

ön plana çıkarmalı ve çekici hale getirmelisiniz

Bir Web Sitesinde En çok Dikkat Çeken

Kısım: Sol – Üst Köşe

 Bir sitede en çok dikkat edilen yer sol üst köşedir, bu da

okuma alışkanlığımızdan gelir. Bu sebeple biz de dahil bir web siteye girdiğimizde sitenin her zaman en üst kısmına bakarız ve başlıklarla veya görsellerle yönlendirilmeyi bekleriz.

Bu nedenle yapılacak en önemli şeylerden biri, logoyu veya

sitenin ismini sol köşede bir yerlere iliştirmek olacaktır.

Web  sitenizi  yayınlamadan önce kontrol

etmeniz gerekenler

Breadcrumb

Breadcrumb, Türkçe adıyla “sayfa işaretleri yolu”, kullanıcıların ve arama motoru botlarının sitemizde yer alan hiyerarşiyi anlamasına ve bu yapı çerçevesinde hareket etmesine yardımcı olan bağlantılar kümesine verilen isimdir.

Alt kategorilerden oluşan bir sitenin daha hızlı gezilebilmesini sağlayan bir sistemdir.

Heading Tags (Başlık Etiketleri) ve Kullanımı – H1,H2…H6

•           Başlık etiketleri arama motorlarına sayfanızın önem derecesine göre kategorilendirilmiş olduğunu belirterek, en önemli ve daha az öneme sahip kısımları belirtir.

•           H1 etiketi ile başlayıp önem derecesine göre H6 etiketine kadar devam eden başlıklardır.

•           Hiyerarşi takip edilemlidir.

•           Anahtar kelime

            IMG (Görsel) Etiketi

—       IMG etiketi, sayfada kullanılan görsellere ait etiket alanıdır.

—       Görsellerinizin arama motorlarına indexlenmesi için kullanımı

gereklidir.

—       Ayrıca arama motorlarında görseller kısmında sayfanızın çıkmasını sağlamak için kullanılması gerekir.

—       Sayfanızdaki görsellerde mutlaka alt etiketi kullanılmalı.

Örnek IMG etiket kullanımı;

<img src=”image keyword.imaj uzantısı” alt=”alt etiketi” width=”100” height=”100 “>

SEO Açısından URL’lerin Kullanımında Dikkat Edilmesi Gerekenler

     Oluşturacağınız URL’lerin içerisinde etkisiz eleman

kullanmamaya özen gösterin.

Yani “ve”, “ki”, “ama”, “mi” ve benzeri kelimeler URL’nin gereğinden fazla uzamasına neden olmaktadır.

   Oluşturacağınız URL’nin kısa ve anlaşılır olmasına dikkat edin.

URL’nin anlaşılır olması ve anahtar kelimelerinizi içermesi SEO açısından önemlidir.

      URL içerisinde yer verilecek özel karakter (-,_,-,#,?) kullanımına

dikkat edin.

      Mümkün olduğunca kullanıcı dostu ve SEO uyumlu bir URL yapısı kurgulamanızgerekiyor.

Tabiri caizse URL yapıları kullanıcıyla “konuşmalıdır”.

                    siteadresi.com/kategori-adi

                    siteadresi.com/urun-adi

                    siteadresi.com/hizmet-adi

—          Title parametresi ve site linki kullanın.

<a href=”https://www.example.com/index.html” title=” icerik”>Anasayfa</a>

—          Güvendiğiniz ve vermek istemediğiniz linkleri

rel=”nofollow” olarak belirtin.

<a href=”https://www.example.com/index.html” rel=”nofollow”>Anasayfa</a>

Favicon

—      Web sayfalarının başlık çubuğunda siteyi tanımlayacak

küçük resim/logolara favicon denir.

  

Meta Tag(Etiketi) Nedir, Nasıl Olmalıdır?

—         Web sayfalarının bilgi etiketleridir.

—         HEAD etiketleri arasında yer alırlar.

—         Kullanıcılara ve arama motorlarına içerik ve sayfa yapısı hakkında önbilgi sunmak için kullanılırlar.

Title Etiketi

Sayfanın başlığını verir ve Google açısından en önemli

etikettir.

—         Title etiketi 64 karakterden fazla olmamalıdır.

—         Title etiketinde özel karakterler kullanılmamalıdır.

—         Aynı  başlık birden fazla sayfada kullanılmamalıdır.

—         Html kodlama içerisinde <head> </head> etiketleri

arasında olmalıdır.

—         Title etiketleri sayfa içeriğiyle anlamsal olarak birebir uyuşmalıdır.

—         Anahtar kelime yerleşimi: En önemli kelimelerinizin başlık etiketinde birincil olması gerekir; ikinci plandaki kelimeleriniz sonrasına eklenmelidir.

—         Marka adı: Şirketinizin, web sitenizin adı önemli

anahtar kelime öbeklerinin bir parçası değilse, başlık

etiketinin sonuna koyun.

—         Başlık etiketlerini çoğaltmayın: Her sayfa için farklı yazılması gerekir. Bir sayfada kullanmış olduğunuz başlık etiketini bir başka sayfada kullanmayın. Eğer

kullanırsanız, sitenizin arama görünürlüğü negatif

yönde etkilenecektir.

—         Alakalı olmalı: Başlık etiketleri sayfadaki içerik ile doğru bir şekilde tanımlamalıdır.

—         Anahtar kelime listelemesi yapmayın: eş anlamlı yada kendisini tekrar eden kelimeleri kullanmaktan kaçının. Başlık etiketleri söz konusu olduğunda,

anahtar kelime yığını kullanma Google tarafında suçtur ve cezalandırılmak kaçınılmazdır.

Meta Description (Açıklama) Kullanımı

—         Sayfa ile ilgili açıklama girilen kısımdır.

•           Anahtar Kelime Kullanımı: Sayfanız için belirlediğiniz anahtar kelimeyi açıklamanızda geçirmeyi, SEO uyumlu title yazarken ihmal etmediğiniz gibi description yazarken de ihmal

etmemelisiniz. Arama yapan kullanıcı, description içerisinde arattığı anahtar kelimeyi bold olarak görecektir.

—                    Spam Gibi Gözüken Descriptionlardan

Kaçının: Description’larınızı yazarken okuyucuların işine yaracak bilgiler yazmayı deneyin. Arama

motorları için değil, insanlar için açıklama yazın. Anahtar kelime yoğunluğu çok fazla olan description’lar spam olarak algılanabilir.

—          Meta Description İdeal Uzunluğu: Meta description, fazla uzun yazılırsa arama sonuçlarında

fazla kısım kesilerek gösterilmektedir. İdeal uzunluğu

135-160 karakter arasındadır.

—         Özgün Meta Description Yazın: Her sayfa için özgün description yazmalısınız. Bir çok sayfada aynı description’ı kullanmak, Google tarafından kopya içerik olarak değerlendirilecektir.

—           

Meta Robots Etiketi ve İndeksleme

—                    Meta Robots etiketi Google ve diğer arama motorlarına web sayfasının indekslenmesi veya indekslenmemesi , ve linklerin takip edilmesi veya takip edilmemesi

kararını ilettiğimiz etiketlerdir.

—                    Arama motorları botları web sayfalarına geliyorlar, indeksleyip kendi veri tabanlarına kayıt ediyorlar. Eğer biz web sayfamızın arama sonuçlarında gösterilmesini istemiyorsak, meta robots etiketini kullanabiliriz.

Meta Robots    Etiketi  Index       ve   Noindex

—                    Meta robots etiketi içerisinde “index” komutunu kullanır isek , arama motoru sayfayı indeksleyecek, veri tabanına kayıt edecek ve arama sonuçlarında gösterecektir.

—                    <Meta Name=”Robots” Content=”INDEX”>

—                    ”noindex” komutunu kullanır isek , arama motoru web sayfasını arama sonuçlarında göstermeyecektir. Dikkatli şekilde kullanılmalıdır, aksi takdirde web sayfamızını

arama sonuçlarında gösterilmemesine sebep olabilir.



—                    <meta name=”robots” content=”noindex” />

—                     

Meta Robots Etiketi Follow ve NoFollow

—                 Arama motorları webi linkleri takip ederek tarar ve

indekslerler.

—                         Meta Robots etiketini “follow” komutu ile kullanırsak

Google web sayfasındaki tüm linkleri takip edecek , değer aktarımını yapacaktır.

—                 NoFollow komutu ile de , Google web sayfası üzerindeki

linkleri takip etmeyecek, herhangi bir link değeri aktarımı yapmayacaktır.

—                 <Meta Name=”Robots” Content=”INDEX, NOFOLLOW”>

Canonical Kullanımı

—                 Sitenizde tekrar eden sayfaların ve içeriklerin kopya olmadığını arama motorlarına bildirmek için kullanılır. Canonical etiketi, tekrar edilen veya birbirine benzer içeriklere sahip olan sayfalar arasından, arama sonuçlarında tek bir sayfanın gösterilmesini

sağlamak amacıyla kullanılmaktadır.

Örnek Canonical etiket kullanımı;

<link rel=”canonical” href=http://www.ornek.com/ornek-sayfa” />

Mobil Uyumluluk

—                 Tüm dünyada mobil kullanımın masaüstü kullanıma göre artması ile arama motorları da bu duruma karşı bazı çalışmalar yapmaya başladı.

—                   http://googlewebmastercentral.blogspot.com.tr/2015/ 04/rolling-out-mobile-friendly-update.html

Responsive Meta Tag / Viewport Kullanımı

—                 Responsive viewport meta tagı, web sayfanızı oluşturan tasarımın

mobil cihazlara uygun hale getirilmesi için kullanılmaktadır.

—                 Width, cihazın ekran genişliğini; height, cihazın ekran yüksekliğini ayarlamanıza yardımcı olur. initial-scale, 0 ile 10.0 arası bir değer

girilerek sayfanın ölçek ayarını yapmanıza olanak tanır.

—                 Minimum-scale, maksimum küçültme oranını; maximum-scale,

maksimum büyütme oranını belirlemenizi sağlar. User-scalable, Yes veya No değeri verilerek kullanıcının ekranı küçültme ya da büyültmesi için vereceğiniz izni ayarlamanıza olanak tanır.

Örnek viewport meta tag kullanımı;

<meta name=”viewport” content=”width=device-width, initial- scale=1.0″>

Görsellerin  Optimizasyonu

—         Site içindeki görselleri optimize edilmesi , sayfa

performansı için en çok dikkat edilen noktalardan bir tanesidir.

—         İyi ve kaliteli görseller kullanıcın sayfa oturum süresini arttırırken, ürün görsel dosyalarının adlarının anahtar kelimeleri içerecek şekilde yüklenmesi de arama

motoru yazılımlarının görseli anlamlandırmasına

olanak sağlar.