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;
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.
.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>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.