Siteyi mobil sürüme yönlendirme
Mobil sürüme yönlendirme ve sitenin mobil uyumlu olması, yani ios veya android kullanan cep telefonu vs. modern tarayıcı kullanan tabletler için kolay bir yöntem var. Buna neden ihtiyaç duyulduğu meselesine gelince; Google artık sitelerin mobil uyumluluk testinden geçmesi halinde o siteye daha çok önem vereceğini duyurdu.
.htaccess, .php, .asp ile yönlendirme yapmak mümkün olsa da çoğu kişiye bunlar oldukça zahmetli gelir. Çünkü bu kodlamalarda sayfaya bağlanan cihazın ne olduğu, ne tip user agent kullanıldığı tespit eden yorucu işlemler yapılmak zorunda.
Eğer sitenizin anasayfası veya herhangi bir sayfası mobil uyumlu değilse ve mobil uyumlu sürüme sahip bir sayfanız veya siteniz var ise çözüm çok kolay bir javascript kodu ile halledilebilinir. Buradaki pratik mantık; Siteye bağlanan cihazın ekran boyutunu ölçmek ve belirli bir ölçüden küçükse onu mobil sürüme yönledirmektir.
Bunun için head tagları arasına ekleyeceğiniz kod örnek olarak şudur (örnekte ekran genişliği 699 dan küçük ise hukuki.net forum sayfasına yönlendiriliyor. Bu bir site de olabilir. Mesela http: // m. hukuki. net gibi;
HTML Kodu:
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "https://www.hukuki.net/forum.php";
}
//-->
</script>
Bu basit javascript kod ile eğer ekran bu değerden küçükse, dökümanın yeri şurasıdır diye belirtmiş olduk.
Not: İnternette son zamanlarda çoğu site sahibinin, webmasterın bu konuyu araştırdığını gördüğümden pratik bir şekilde mobil sürüme otomatik yönlendirmenin nasıl olacağını insanlar bilgilensin diye yazmak zorunda hissettim.
Cevap: Siteyi mobil sürüme yönlendirme
BU bilgiye ek olarak mobil tarayıcıda sayfanın tam oturması ve rahat zoomlama (yakınlaştırma) yapılabilmesi için yine <head> tagları arasına viewport ve width=device-width, initial-scale=1 parametrelerini içeren şu kodu eklemenizi de tavsiye ederim.
HTML Kodu:
<meta name="viewport" content="width=device-width, initial-scale=1">
Cevap: Siteyi mobil sürüme yönlendirme
Merhaba,
Kod için teşekkür ederiz.
Ekledik çalıştı ancak şöyle bir sorun oluştu, örneğin http://m.birnc.com.tr/web_tasarim/web-sitesi-tasarimi linkindeki makalenin sonunda yer alan Logo Tasarımı ve Özellikleri linkine tıkladığımızda ilgili makale yerine bizi m.birnc.com.tr anasayfasına gönderiyor? Kodu eklemeden önce de mobilden girmemize rağmen www.birnc.com.tr ye gönderiyordu.
Linkteki url şu aslında https://www.birnc.com.tr/web_tasarim...itesi-tasarimi ancak otomatik olarak http://m.birnc.com.tr/web_tasarim/web-sitesi-tasarimi oluyordu.
Bu sorunu nasıl çözeceğiz bilgi verebilir misiniz?
Teşekkürler...
