Merhaba Zeo takipçileri, eee, ilk video serimizden hepinize öncelikle hoş geldiniz diyorum. Bugün sizlere bahsedeceğim konu, yeni başlayanlar için mobil SEO; aslında biraz daha mobil SEO'nun temelleri olarak geçiyor diyebiliriz. Peki neden sizlere anlatmak için mobil SEO'yu tercih ettim, neden mobili önceliklendirdim, ondan bahsedeyim. Hepimizin bildiği üzere şu anda her geçen yılla birlikte aslında mobile oldukça ciddi bir kayış var ve her geçen gün aslında mobile verilen değer hem arama motorları tarafında hem de normal kullanıcı tarafında artıyor. Aynı şekilde buradaki istatistiklere de bakacak olursak, son dönemde, aslında bu son sene içerisinde, eee, online olan kullanıcıların genel dağılımına baktığımızda %51'lik bir mobil üstünlüğü olduğunu görüyoruz, %42'lik masaüstüne karşı.
Ve bu rakamın da aslında günden güne mobil lehinde biraz daha artacağını düşünebiliriz ve bunu tahmin ediyoruz ki o şekilde olacak. Bir diğer istatistik de toplamda satılan cep telefonu sayısı; burada göreceğiniz üzere 2012 yılında toplamda 500 milyon tane cep telefonu satılmıştı, akıllı telefon. 2016 yılının sonunda da bunun 1,5 milyar olması bekleniyor bu rakamın, oldukça ciddi bir artışla, 4 senede yaklaşık 3 katlık bir artışla. Ve 2020 sonunda da neredeyse dünya nüfusunun yarısı kadar cep telefonunun satılması bekleniyor. Bu da gerçekten oldukça korkunç, çok ciddi bir rakam.
Neden mobile her geçen gün biraz daha değer vermemiz, daha önem vermemiz gerektiğini aslında buradan da net bir şekilde görebiliyoruz. Tabii ki burada iki farklı bakış açısı var; bir kullanıcı yönünden bakış açımız var, bir de aynı şekilde web sitesi sahibi yönünden bir bakış açımız var. Biz şu anda biraz daha işin web sitesi sahibi boyutundan gitmemiz gerekiyor ya da bir web sitesi yöneticisi boyutundan gitmemiz gerekiyor ki kullanıcılara aslında en doğru bir şekilde nasıl hizmet verebiliriz, mobil tarafta en doğru kurguyu nasıl yapabiliriz, biraz da bunlardan bahsedeceğiz.
Tabii ki de ilk başta burada Google'ın nasıl bir bakış açısı olduğunu görmemiz çok önemli. Çünkü zaten SEO yaptığımız işin temellerinden biri olacak mobil tarafta. Google'ın buradaki aslında bakış açısını biraz daha değiştirdiği nokta, sadece smartfonlar için user agent'ını çıkardığı zaman, yani crawling sürecini smartfonlar için özelleştirdiği zaman başladı. Bununla birlikte geçtiğimiz sene 21 Nisan'da yaptığı bir güncelleme vardı, bunun aynı şekilde diğer adı da Mobile Get'in de mobil güncellemesi. Burada aslında oldukça ciddi bir güncellemeyle web'in oldukça büyük bir kısmı da etkilendi, web sitelerinin de aynı şekilde.
Kullanıcı deneyimi, web sitesinin hızı ve alakalı sonuçların daha da artabilmesi adına Google bu güncellemeyi aslında duyurdu ve uygulamaya başladı. Biz bu güncellemeye uygun bir şekilde web sitelerimizi tasarlamaya başladık, yapmaya başladık ama her şeyi doğru mu yapıyoruz, yanlış mı yapıyoruz ya da en doğru şekilde nasıl kullanıcılarımıza hizmet verebiliriz, bunu da aslında biraz da burada bahsettiğimiz üç madde üzerinden giderek anlatacağız. Burada responsive, dynamic serving ve ayrı web siteleri olarak gördüğümüz kısımlarda aslında toplamda üç farklı şekilde web sitemizi kullanıcılarımız için dizayn edebiliyoruz. Responsive'dan başlayalım. Responsive aslında birçok farklı cihaz için, yani yalnızca mobil ve masaüstü için değil, tablet için, farklı birçok çözünürlüğü bulunan cihaz için de tek bir HTML yapısında, tek bir URL structure'ında web sitemizi sunmamızı sağlıyor.
Bundaki avantaj tabii ki de tek URL yapısında çok daha az maliyetli bir şekilde, hem zaman hem aynı şekilde arka plandaki bakım maliyetlerini de göz önünde bulundurursak, çok daha az maliyetli bir şekilde kullanıcılara servis vermemi sağlıyor. Google'ın önerdiği bir sunum şekli. Bunda da temel sebebi aslında hiçbir şekilde farklı kotsal ya da yazılımsal tarafta bir farklılık oluşmadan aynı web sitesini hem mobil hem masaüstü için sunabiliyor olmamdan geçiyor. Aynı içeriği sunma zorunluluğu bir dezavantaj olarak söyleyebiliriz. Bundan kastım da aslında belki mobil için özelleştirilmiş bazı sayfa grupları oluşturabilirdik ama responsive tarafta bu biraz daha bizim için kısıtlı olabiliyor. Çünkü aynı sayfa hem mobilden hem masaüstünden açılabiliyor olması gerekiyor.
Farklı bir yapı uygulanamıyor. Burada dikkat etmemiz gereken ya da bilmemiz gereken noktalar, farklı CSS yapıları dahilinde çalışan bir kısım var. Yani HTML aynı olsa da responsive siteler masaüstünden ve mobilden girdiği zaman farklı CSS'ler devreye giriyor. Burada da aynı şekilde meta name, view, port dediğimiz şekilde tarayıcının, aslında gelen kullanıcının cihazına göre bilgilenmesi sayesinde oluşan bir nokta. İkinci bahsedeceğimiz kısım da dynamic serving. Burada da aynı responsive'ındaki gibi URL yapısı birebir aynı, masaüstü ve mobile değişmiyor. HTML yapısı burada biraz daha farklı. Yani masaüstü ve mobil için farklı web siteler kurguluyoruz gibi düşünebiliriz ama tamamen aynı URL üzerinden servis ediyoruz. Bunu nasıl yapıyoruz? Veri-http dediğimiz bir aslında yapıyla tarayıcılara bilgi veriyoruz web sitemiz üzerinden.
Bu sayede tarayıcı aslında gelen kullanıcının mobil mi masaüstü mü olduğunu anlayarak doğru bir şekilde doğru siteyi sunmuş oluyor, mobil ya da masaüstü şeklinde. Tek URL yapısı ya da mobile özel sayfa oluşturma, kullanıcı deneyimi gibi noktalar burada biraz daha artı olarak geçen kısımlar. Eksi olan nokta ise biraz daha kompleks bir şekilde yönetimin olması. Yani iki web sitesini yönetmek durumundayız ve bunu en doğru şekilde kurgulamamız gerekiyor. Hiçbir şekilde şu Veri-http dediğimiz kısımları atlamamız gerekiyor. En doğru şekilde kurguyu sağlayabiliyor olmamız gerekiyor. Şuradan devam edecek olursak, ayrı web sitesi de tamamen farklı bir URL structure söz konusu, tamamen farklı bir HTML yapı söz konusu. Yani burada aslında m.seozeo.com ya da işte seozeo.com/m gibi farklı alan adları ya da farklı subfolder'lar üzerinden ilerliyor olabiliriz.
Burada unutmamamız gereken en kritik nokta, mobil ve masaüstü sayfalarının canonical ve alternate etiketleriyle birbirini işaretliyor olması. Bu da aslında gelen user agent'lar için ya da Google gibi arama motorlarının botları geldiği zaman içeriği en doğru şekilde ayırt edebilmesi için önemli, kritik bir faktör. Bir diğer avantajım aslında mobile özel içerik oluşturabiliyor olmam. Yani mobil kullanıcıya özel bir şekilde sayfa grubu oluşturabilirim ya da masaüstünden tamamen farklılaştırabilirim mobilde sunduğum sayfayı. Bu şekilde belki de dönüşüm oranlarını arttırmak adına daha farklı çalışmalar yapabilirim. Tabii ekstra olarak da implementasyonlar ya da güncellemelerde hep iki farklı web sitesini ön planda tutuyor olmam gerekiyor ve aralarındaki bağlantıyı iyi bir şekilde kurgulayabiliyor olmam gerekiyor. Diyerek aslında burada özetlediğimiz üç tane maddeyi net bir şekilde görebiliyoruz.
Bir diğer önemli ve dikkat etmemiz gereken nokta da aslında birkaç farklı maddede şurada göstereceğimiz üzere nelere dikkat etmemiz gereken noktalar. Burada da aslında öncelikli olarak en fazla, hani az önce de konuştuğumuz, bahsettiğimiz nokta aslında mobilin günden güne biraz daha masaüstünün ön plana geldiği kısımlar. Bu SEO için de geçerli, aynı şekilde kullanıcı tarafındaki deneyim için de geçerli. Mobilin masaüstünden çok daha öncelikli olduğunu düşünmemiz gerekiyor ve aslında tasarımımıza ya da bir proje planımıza ya da web sitesi planımızda mobili biraz daha önceliklendirerek kurguya başlamamız gerekiyor.
Çünkü daha küçük bir alana daha çok şey servis etmeye çalıştığımız için mobil tarafta yaptığımız dizayn ya da bir plan, masaüstü tarafa çok daha kolay bir şekilde uygulanabiliyor. O yüzden şurada bahsettiğimiz mobile first ilkesiyle biraz daha mobil çalışmaları masaüstünden önceliklendirmemiz gerekiyor. Şu bilinen bir gerçek ki Google yaptığı açıklamalarda da responsive'i biraz daha sevdiğini söylüyor. Bunu demesinin sebebi de aslında kullanıcılara sunduğu, yani bizim aslında web sitesi sahipleri olarak kullanıcıya sunduğumuz içeriklerin yapısı olarak birebir aynı olması, Google tarafında da indekslemeyi oldukça kolaylaştıran faktörlerden.
Yine aynı şekilde arka planda ciddi bir fark olmadığı için ya da HTML yapıları, URL yapıları farklı olmadığı için kullanıcıya yanlış bir içerik servis etme ihtimali de oldukça azalıyor. Bir diğer önemli nokta, JavaScript, CSS ve görselleri hiçbir şekilde engellememem gerekiyor. İşte az önce bahsettiğim gibi aslında responsive tasarımda CSS kullanımı oldukça önemli. Google'ın CSS kodlarına erişebiliyor olması gerekiyor ki mobil ve masaüstü tarafındaki farklılıkları görebilsin. Ya da ben hangi user agent'la girdiğimde aslında hangi CSS dosyasına, hangi CSS kodlarına ulaşması gerektiğini de görebilsin diye.
Hiçbir şekilde CSS, JavaScript ve görselleri engellememem gerekiyor Google botlarına. Yönlendirme kontrolleri oldukça önemli. Özellikle ayrı web siteleri kullandığım zaman, mobil ve masaüstü arasındaki linklerin doğru bir şekilde yönlendiriliyor olması oldukça önemli. Mobil site hızı da keza yine Google'ın kullanıcı deneyimi için oldukça önem verdiği noktalardan birisi. Tıklama boyutları, yazı boyutlarıyla birlikte site hızının da oldukça kullanıcıları tatmin eden düzeyde olması gerekiyor. Çünkü günümüz dünyası, artık e-ticaretin bile mobil üzerinden döndüğünü düşünürsek, kullanıcıların hızlı bir şekilde istediği sonuca ulaşması oldukça önemli. Reklam yerine banner'dan kastım aslında direkt bütün sayfayı kaplayan bir reklam alanı oluşturmaktan ziyade mobilde biraz daha sayfanın sadece üst kısmında ufak bir banner alanı oluşturarak ilgili reklamımıza ya da ilgili linkimize yönlendirme yapmak.
Mobil uygulamaya deep link de oldukça önemli. Yine eğer hem benim mobil uygulamam varsa hem de mobil sitem varsa ve buradan bir yönlendirme yapmak istiyorsam, doğru bir şekilde deep link kurgusunu yapmam gerekiyor ki kullanıcımı doğrudan mobil uygulamama yönlendirebileyim. Genel olarak aslında yeni başlayanlar için mobil SEO başlığında anlatacağım şeyler bunlar. Biraz daha daha sonraki haftalarda neler yapabileceğimizden bahsedeyim. AMP, aynı şekilde App Indexing ya da Application Store, App Store Optimization ya da Progressive Web Apps de yine mobile bağlı biraz daha detaylı, biraz daha derin konular.
Biraz daha temeli bugün anlattıktan sonra sonraki haftalarda yine bu dört konu üzerinden devam ediyor olacağız. Çok teşekkürler beni izlediğiniz için.
Hey Zeo followers. Welcome to our very first video series. Today I'm talking about mobile SEO for beginners. Think of it as the fundamentals of mobile SEO. So why did I pick mobile SEO to start with? Why put mobile first? Let me explain. As we all know, there's a serious shift toward mobile every year. And the value placed on mobile keeps growing. That's true on the search engine side and the user side. Look at these stats. Over the past year, mobile users made up 51% of everyone online. Desktop came in at 42%.
And that gap will keep widening in mobile's favor. We fully expect that to happen. Here's another stat: total cell phones sold. As you can see, 500 million smartphones sold in 2012. By the end of 2016, that number is expected to hit 1.5 billion. That's a huge jump. Roughly triple in just four years. And by the end of 2020? Phone sales should reach nearly half the world's population. That's a genuinely staggering number. So it's clear why mobile deserves more of our attention every day. Of course, there are two angles here. There's the user's point of view. And there's the web sitesi owner's point of view.
Right now we need to look at this more from the web sitesi owner's side. Or from a web sitesi manager's side. How do we actually serve users the right way? What's the best setup on mobile? We'll cover some of that. Of course, first we need to see Google's perspective here. That's huge. SEO is one of the foundations of what we do on the mobile side. The point where Google really shifted its perspective? It started when they released a smartphone-only user agent. Basically, when they customized the crawling process for smartphones.
On top of that, there was an update last year on April 21. It also goes by another name: the mobile-friendly update. This was a pretty serious update. A big chunk of the web got hit by it. Same goes for web sites. Google announced this update and rolled it out for user experience, web sitesi speed. And more relevant results. So we started designing and building our web sites to match it. But are we doing everything right? Or are we getting it wrong? And how do we serve our users the best way? We'll walk through that using the three items here.
We've got responsive, dynamic serving, and separate web sites. So there are three different ways to design our web sitesi for users. Let's start with responsive. Responsive works for tons of different devices. Not just mobile and desktop. Tablets too, plus devices with all kinds of resolutions. And it serves our web sitesi from a single HTML structure. One single URL structure. The advantage here is a single URL structure. It costs way less. Think about time, plus the ongoing maintenance costs in the background. It lets me serve users at a much lower cost.
It's the presentation format Google recommends. The main reason comes down to one thing. I can serve the same web sitesini for both mobile and desktop. No differences on the code or software side at all. Having to serve identical content, though? Call that a downside. What I mean is this. We could have built some page groups customized for mobile. But on the responsive side, that gets pretty limited for us. The same page has to open on both mobile and desktop. You can't apply a different structure. Here's what we need to watch for. There's a part that runs on different CSS structures. So even if the HTML is the same, responsive sites swap CSS. Different CSS kicks in for desktop versus mobile.
Same idea here with what we call meta name viewport. The browser gets informed based on the visitor's device. That's what makes this work. The second thing we'll cover is dynamic serving. Just like responsive, the URL structure is identical. It doesn't change between desktop and mobile. The HTML structure is a bit different here. Think of it like building separate web sites for desktop and mobile. But we serve them from the exact same URL. How do we do that? We use something called Vary-http. It tells browsers what's going on through our web site.
So the browser figures out if the visitor is on mobile or desktop. Then it serves the right version. Mobile or desktop. A single URL structure, mobile-specific pages, better user experience. Those are the pluses here. The downside is that management gets more complex. We're basically running two web sites. And we have to set it up correctly. We can never skip those Vary-http parts. The setup has to be done right. Moving on. With a separate web sitesi, you get a completely different URL structure. Totally different HTML too. So we might be running something like m.seozeo.com. Or seozeo.com/m. Different domains or different subfolders.
The most critical thing to remember here? Mobile and desktop pages must point to each other. Use canonical and alternate tags. This matters for incoming user agents. It also matters when Google's bots crawl. They need to tell the content apart correctly. Another advantage is I can build mobile-specific content. I can create a page group just for mobile users. Or I can make the mobile page completely different from desktop. That way I can run different tests to lift conversion rates. Of course, there's extra work too. With every implementation or update, I have to keep both sites in mind. And I need to map the connection between them well. So those are the three points we summed up here. You can see them clearly.
There's another important thing to watch out for. Let me show you a few separate points here. The big one is what we just talked about. Mobile keeps pulling ahead of desktop, day by day. That's true for SEO. It's also true for the user experience side. We have to treat mobile as a bigger priority than desktop. So in our design, our project plan, or our web sitesi plan. We should start with mobile first. We're trying to serve more stuff in a smaller space. So a design or plan built for mobile ports to desktop much more easily. That's the mobile first principle we mentioned here. Prioritize the mobile work ahead of desktop.
It's a known fact. Google has said it likes responsive a bit more. The reason is the content we serve users. As web sitesi owners, we serve the exact same structure. That's one of the factors that makes indexing much easier on Google's side. Same story in the background. There's no big difference there. HTML structures and URL structures aren't different. So the odds of serving users the wrong content drop a lot. Another key point. I shouldn't block JavaScript, CSS, or images in any way.
Like I just mentioned, CSS use matters a lot in responsive design. Google needs to be able to reach your CSS code. That's how it sees the differences between mobile and desktop. It also needs to see which CSS file loads for which user agent. Same for which CSS rules apply. I shouldn't block CSS, JavaScript, or images from Google bots at all. Redirect checks matter a lot too. Especially when I use ayrı web sitesi setups. The links between mobile and desktop need to redirect correctly.
Mobile site speed is another big one for Google. It ties straight into user experience. Tap target sizes, font sizes, and site speed all need to satisfy users. Think about today's world. Even e-commerce runs on mobile now. Users reaching what they want fast is really important. By banner, I don't mean a full-page ad. I mean a small banner at the top of the page on mobile. It just points users to our ad or our link. Deep linking into your mobile app matters a lot too. Say I have both a mobile app and a mobile site. And I want to send users from one to the other. I need to set up deep linking correctly. That way I can send my user straight into my mobile app.
That's pretty much everything I wanted to cover on mobile SEO for beginners. Let me touch on what we can dig into in the coming weeks. AMP, App Indexing, App Store Optimization, and Progressive Web Apps. These are all mobile topics too. They're just deeper and more detailed. We covered the basics today. In the following weeks, we'll keep going with those four topics. Thanks so much for watching.
This transcript was generated using AI speech recognition and verified against subtitle style rules.
