Mobil Uyumlu Site Nedir?
Gün geçtikçe internet kullanıcısı sayısı artmakta ve buna bağlı olarak akıllı telefon kullanıcısı da artmaktadır. Kullanıcılar bilgisayarda rahatlıkla gezebildiği web sitelerini, telefonları ile de aynı rahatlıkla gezmek isterler. Ve bunun için en önemli özellik sitenizin mobil uyumlu olması gerekmektedir. Kullanıcı telefondan girdiği siteyi istediği gibi bulamayınca hemen çıkmaktadır. Ve bu da SEO açısından oldukça kötü bir etkendir. Kullanıcı sayfadaki yazıyı okumak için yakınlaştırma, uzaklaştırma gibi işlemler yapmak istemediği için başka bir siteyi tercih edecektir. Bu yüzden sitenizin mobilde de sıkıntısız bir şekilde çalışıyor olması çok önemli bir etkendir.
Eğer bir siteniz yok ise ve site açmayı düşünüyorsanız SEO açısından en çok tavsiye edilen responsive tasarımlı bir site yapmanızdır. Responsive ile ilgili daha detaylı bilgi almak için “Responsive Web Siteler İçin Neden Önemli?” adlı yazımızı okumanızı tavsiye ediyoruz. Ya da web siteniz varsa ve sitenizin mobil uyumlu olup olmadığını bilmiyor iseniz öncelikle bunu Mobil Uyumluluk Testi ile öğrenebilirsiniz. Eğer siteniz mobil uyumlu değil ise bu yazı tamda size göre. Var olan siteye responsive tasarım yapmak oldukça zor olduğu için alternatif yollar vardır. Web sitenizin mobil sürümünü yapmak için 3 temel seçenek vardır. Bunlar;
-
CSS Dosyasını kullanarak:
Eğer az çok bir kod bilginiz var ise kolaylıkla yapabileceğiniz bir yöntemdir. Ama eğer bir bilginiz yok ise tek bir yanlış ile hiç umulmadık sonuçlar verebilir. Bunun olmaması için bu seçeneği kullanacak olanlar CSS kodlarının bir kopyasını mutlaka alıp saklamalılar ve yanlış bir durumda eski haline geri getirmek için kullanmalıdırlar. Gelelim bu işlemin nasıl yapıldığına.
Daha önceki yazılarımızda da belirttiğimiz gibi arama motoru botları meta taglarının içini tararlar ve site ile ilgili bilgileri buradan alırlar. Bu yüzden sitenizin mobil bir sürümü olduğu burada mutlaka belirtmelisiniz. Bunun için aşağıda yer alan kodu <head> …</head> etiketleri arasına yazmanız gerekmektedir.<meta name=”viewport” content=”width=device-width, initial-scale=1″>
Bu kodu yazdıktan sonra sayfa kodlarının <body>…</body> arasında bulunan ekran boyutlarını piksel (px)’den “%”ye çeviriyoruz. Bunun amacı siteniz açıldığında ekran boyutuna göre kendini yüzdelik olarak ayarlamasını sağlamaktır. Bu işlemi yaptıktan sonra sitenizin sorunsuz çalışıp çalışmadığını yukarıda verdiğimiz linkten test ediniz. Bir sorun halinde ise kopyasını kaydettiğiniz kodlarınız ise eski haline çevirebilirsiniz.
-
Alt Dizin kullanarak:
FTP programı ile ana dizine yeni bir klasör açılıp, klasör adı “mobile” ya da “m” konulur.
-
Alt Alan Adı Kullanarak:
Bu işlemi gerçekleştirmek için kullandığınız panele girip “Alt alan adı” kısmından “Yeni alan adı oluştur”a tıklamalısınız. Alt alan adı kısmına “mobil” veya “m” yazıp, Doküman Ana Dizini kısmına “/public_html/mobil-m” yazıp “Oluştur” dediğinizde işlem tamamlanmıştır.
Bunlardan birini seçip yaptık. Peki, ziyaretçileri bu sayfalara nasıl yönlendireceğiz? Bunun için biz yaygın olarak kullanılan “.htaccess” yöntemini anlatacağız. .htaccess ile ilgili daha detaylı bilgiye sahip olmak için mutlaka “.htaccess Nedir, Ne İşe Yarar ?” adlı yazımızı okuyun. Aşağıda vereceğimiz kodu .htaccess dosyasının içine yerleştirin.
Mobil Sürüm Alt dizindeyse; (eniyiseo.com/mobile)
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/mobile.*$
RewriteCond %{HTTP_USER_AGENT} “android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile” [NC]
RewriteRule ^(.*)$ /mobile%{REQUEST_URI} [L,R=302]
Mobil Sürüm Alt Alan Altındaysa; (m.eniyiseo.com)
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} “android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile” [NC]
RewriteRule ^(.*)$ http://m.eniyiseo.com%{REQUEST_URI} [L,R=302]
Ve bu işlemi yaptıktan sonra mutlaka “Google AMP (Accelerated Mobile Pages) Nedir ?” yazımızı okumayı unutmayın. Sayfa açılma hızı hem SEO açısından hemde kullanıcı açısından oldukça önemlidir. Bu yüzden AMP hem SEO hemde kullanıcı dostudur. İşte bu kadar, artık sizin de mobil uyumlu bir web siteniz var. Bir sonraki yazımızda “Mobil SEO Nedir?” sorusuna cevap vereceğiz ve mobil sayfamızı SEO uyumlu hale getireceğiz.
Soru, görüş, öneri ve şikâyetlerinizi bize bildirmekten asla çekinmeyin. Çünkü sizin düşünceleriniz bizim için çok önemli. Bizi takipte kalmaya devam edin. Sıralamanızın hep en iyisi olması dileğiyle… 🙂
