00:00:00 – 00:00:59 WordPress Sitesi Kurma Giriş 

Merhaba dostlar, bu haftaki videomuzda yazılımla alakalı bir içerik çekiyoruz. Kendi web sitemizi yapacağız. Bu web sitemizi yapma konusunda daha detaylı içeriğim, Udemy kursu olarak Udemy platformunda yayınlanıyor. Youtube tarafında ise biraz daha basit, sadece web sitesini kendi bilgisayarımızda nasıl geliştirebileceğimizi ve WordPress altyapısını nasıl kullanabileceğimizi, nasıl bunu kurup tasarım yapabileceğimizi, WordPress altyapısının ne olduğunu anlamaya dair bir bilgilendirici giriş aslında. Daha detaylı nasıl kuracağınıza dair içeriği bundan 4-5 sene önce, belki de 6 sene önce bilmiyorum, Udemy’de çekmiştim. Tabii eski bir kurs ama temel anlamda benzer, her ne kadar güncellenecek içerikleri olsa da bazı kavramları, değerleri sabit, değişmeyen kavramlara sahip. O yüzden bir giriş niteliğinde bu videoyu çekmek istedim. Uzatmadan hızlıca başlayalım.

00:00:59 – 00:03:20 WordPress.com ve WordPress.org Farkı, Domain ve Hosting Kavramları

Şimdi, WordPress tarafı web sitesi yapmak için basit, nispeten diğer web sitesi yapma altyapılarına göre daha basit ölçekte. Şimdi kendimi sağda küçülttüm ve çalışmaya başlıyoruz. WordPress dediğimiz bir altyapı, iki tane WordPress var, birincisi wordpress.com, diğeri ise wordpress.org. Bunların farkı ise şu: şimdi wordpress.com’u biliyorsunuzdur Wix gibi, Google’ın Blogger’ı gibi düşünebilirsiniz. Buraya yıllık veya aylık bir ücret ödüyorsunuz ve hazır bir siteniz oluyor WordPress’in kendi altyapılarından. Direkt size web sitesini vermiş oluyor. Kodlama vesaire hiçbir şey yapmamış oluyorsunuz. Ben bunu 2017’de kullandım sadece, çok kısa bir süreliğine. Ama memnun kalmadım, neden, çünkü hakim değildim olaya. Yani ben iplerin elimde olmasını seviyorum geliştirdiğim projelerde. O yüzden ben wordpress.org’u kullanıyorum. WordPress.org ise wordpress.com’un açık kaynağı. Yani size wordpress altyapısını veriyor, işte buradan “Get WordPress” dediğiniz zaman, buradan indiriyorsunuz WordPress’i ve çalışmaya başlıyorsunuz. Kendi temanızı kendi içeriğinizi kendi kodlamanızı çekiyorsunuz arkadaşlar. Burada şu yöntem de kullanılabiliyor, buradan “Download WordPress” diyip, bir sunucu kiralayıp, sunucu mesela benim kullandığım yıllardır Turhost hizmet sağlayıcısı, benim kendi web sitem de burada barınıyor, bir domain ve hosting satın alıp, domain dediğimiz şey alan adı yani şu .com .net olan yukarı taraf, hosting ise bizim dosyalarımızın veritabanlarımızın barındığı yere deniyor arkadaşlar. Bu ikisini alıp WordPress’i bunun içine kurabiliyorsunuz ama ben bu yöntemi izlemeyeceğim bu videoda, benim izleyeceğim yöntem daha basit ve daha giriş seviyesi ve lokalde ne olduğunu anlatmaya yönelik. 

00:03:20 – 00:07:02 Local Uygulaması Tanıtımı ve Kurulumu

Bu da arkadaşlar bunu da şu siteden yararlanarak yapacağız: localwp.com. Yani “Local WordPress” diye de telaffuz edebiliriz. Buradan arkadaşlar, Local uygulamasını bilgisayarımıza indirmemiz gerekiyor. Localwp.com’a girip download’a tıklayıp buradan bize “choose your platform” diyecek. Kendi bilgisayarımızı seçiyoruz. İşte Windows’mu kullanıyoruz, Intel çipli Mac’mi kullanıyoruz, Apple Silicon çipli Mac’mi kullanıyoruz, Linux’mu kullanıyoruz neyse. Benimki Apple Silicon çipli Macbook bilgisayar. Adımızı yazıyoruz, soyadımızı yazıyoruz, burada “choose your organization type” diyor, biz bunu bir ajans olarak mı yapıyoruz yoksa bağımsız bir geliştirici olarak mı yapıyoruz. “Independent freelancer” seçiyorum ben bağımsız bir geliştirici olarak ve kendi mailimi giriyorum arkadaşlar. Sonra “get it now” diyorum buradan. Ardından program inmeye başlıyor arkadaşlar. Program inerken ben de Local’in ne olduğundan bahsedeyim sizlere. Local bizim WordPress kurmamızı kolaylaştıran bir uygulama arkadaşlar. Yani buradan WordPress’i kurup kendi bilgisayarımıza, kendi otomatik oluşturduğu veritabanıyla, kendi sunucusuyla, sunucu da zaten bilgisayarımız oluyor, site üzerinde çalışabiliyoruz. Eğer birisine göstermek istiyorsak sitemizi, yani yanımızda olmayan birine göstermek istiyorsak, canlı bir bağlantı alıp herhangi bir ücret ödemeden başkasına web sitemizi gösterebiliyoruz. Ve yedekleme özellikleri de var bu programda, ben çok kullanmıyorum. Bu şekilde uygulamayı kullanıp sitemizi geliştirebiliyoruz. Bu siteyi geliştirdikten sonra yayına almak için yine domain ve hosting satın almak gerekiyor bu tür firmalardan. Ama aldıktan sonra da bunu oraya aktarıp çeşitli ayarlamalar yapmak gerekiyor ben o tarafı anlatmayacağım. Çünkü o tarafı anlatırsam kursu buraya aktarmış olurum arkadaşlar. Bunları öğrenmek için tabii Udemy’deki kursuma yönlenebilirsiniz. Ben sadece WordPress’in ne olduğunu ve web sitesinin nasıl geliştirilebileceğini anlatmak istiyorum. Velhasıl burada “show downloads” diyor, ben hemen indirdiğim programı açıyorum arkadaşlar. Yani Macbook kullanan arkadaşlar benim yaptığım yolu izleyebilir. Ardından bunu kaldırıyorum, bunu çöp kutusuna atıyorum, ve yüklediğim uygulamayı açıyorum. İnternetten indirdim, evet kabul ediyorum. Şimdi yükleme ekranı geldi. Kullanıcı koşullarını kabul ediyorum. Hata raporlamayı açıyorum. Kullanıcı raporlamasını açıyorum ve program kuruldu arkadaşlar. Şimdi uygulamadan baktığımız zaman buradan giriş yapabiliyoruz Local uygulamasına. O tür detaylara girmeyeceğim. Buradan kendi web sitemizi oluşturacağız. Buradan kendi sitemizi yedeklemek için bulutlara bağlanabiliyoruz. Blueprint’i kullanmadım ne olduğunu bilmiyorum. Veya eklentiler işte resim optimizasyon vesaire ama bunlara hiç girmeyeceğiz, bunları WordPress’in kendi eklentileriyle yapacağız arkadaşlar. Gibi çeşitli çalışmalar var burada, reklamları da var. 

00:07:02 – 00:08:46 Sitemizi Oluşturmaya Başlıyoruz

Şimdi, kendi sitemizi oluşturmaya başlıyoruz. “Create a new site” diyorum, ve “create a new site”yi buradan tıklıyorum, buradan harici bir web sitesi de ekleyebiliyoruz. Sitemin adı: “Youtube Demo” diyorum. Burada ek şeyler var işte sitenin nerede barınacağını falan da seçebiliyorsunuz ben bunu sabit bırakıyorum. Burada PHP işte kodlama dilinin versiyonunu veya işte veritabanı MySQL versiyonunu seçebiliyorsunuz, bunlara dokunmadan ben “tercih edilen” olarak bırakıp “Continue” diyorum. Şimdi “wordpress username” ve “wordpress password” dediği kısım da bizim sitemizin yönetim paneline girmemiz için gereken kullanıcı adı ve şifre arkadaşlar. Ben bu ikisine, lokalde çalıştığım için ve bir güvenlik sorunum olmadığı için admin ve admin diyorum. WordPress mail’e yani çok işimiz olmayacak ama yine garanti olsun diye hani nolur nolmaz, kendi iCloud’umu yazıyorum arkadaşlar. Ve “web sitesini ekle” diyorum. “Web sitesini ekle” dedikten sonra Local uygulaması çeşitli ayarlamalar yapıyor. Şuradan bildirimlere de izin verelim. Bilgisayarımın şifresini girip WordPress’i yüklemesini sağlıyorum arkadaşlar. Evet WordPress’im yüklendi. Şu anda işte web server’ı, PHP versiyonu, bütün ayarları, veritabanı, araçlar vesaire her şey hazır ama bu kadar detaya yine inmeyeceğim. Ben “open site” diyorum. 

00:08:46 – 00:09:39 Sitemiz Hazır, Yönetime Geçelim

Gördüğünüz gibi sitemiz hazır ama gördüğünüz gibi iğrenç bir görüntüde. Peki bunu nasıl düzelteceğim? Şimdi benim web sitem lokalde olduğu için bu domaine sahip yani youtube-demo.local. Ben bunun yönetim paneline girmek istiyorum. Buna girmek için de /wp-admin yazıyorum arkadaşlar. Yönetim panelinin giriş paneline getiriyor beni. Az önce belirlediğim kullanıcı adı ve şifreyi giriyorum ve web sitemin burada yönetim paneline girmiş oluyorum. Şimdi burada genel standarda göre ilerleyeceğim yani genelde insanlar hangi temayı kullanıyor, hangi eklentileri kullanıyor, bunlara göre ilerleyeceğim arkadaşlar. 

00:09:39 – 00:11:01 Tema Seçimi ve Kurulumu

Burada, “Appearance” kısmında “Themes” var. Buradan bir tane tema seçeceğim arkadaşlar. Ama üç tane tema yok burada. Burada tema ekle dediğimiz zaman bize milyonlarca tema veriyor. Bu sadece WordPress’in içinde. Bir de kullanıcı tarafından yapılan, eğer bu işi profesyonel olarak yapmak istiyorsanız themeforest.net gibi sitelerde arkadaşlar buradan WordPress’ten direkt temalar var mesela direkt magazin dediğim zaman ücretli ve daha profesyonel, daha hızlı, daha kaliteli temalara erişebiliyorsunuz. Ben buradan, herkesin kullandığı aslında Astra temasını yükleyeceğim arkadaşlar. Çünkü Astra temasının içerisinde demolar var. Bu demolar, sizin temayı baştan yapma uğraşınıza gerek kalmadan hazır şablonlar üzerinden değişim yapabilmenizi sağlıyor. Birtakımı, bazıları ücretsiz bazıları ücretli arkadaşlar bunların. Şimdi onlara bakacağız. Ben buradan Astra’ya gelip “Install” dedim, kurdum, şimdi aktif ediyorum arkadaşlar temayı ve Astra teması beni yönlendirmeye başlıyor aslında.

00:11:01 – 00:16:33 Astra Teması Kurulumu, Şablon Ayarları, Elementor ve Eklentiler

Burada, “thank you for choosing Astra” diyor ve beni yönlendirmeye başlıyor.  “Start building now” diyorum arkadaşlar. Buradan, “start building now” dediğim zaman eklentileri yükleyecek yani web sitenin daha çeşitli, işlevsel olması için gereken yazılım bloklarına, WordPress için gereken yazılım bloklarına eklenti deniyor. Bu eklenti de Astra teması kendi için gereken eklentileri yüklemiş oluyor arkadaşlar. Şimdi buradan “Let’s get started” diyorum. Yine kendi bilgilerimi giriyorum. Girmesem de olur arkadaşlar, “skip” de diyebilirim burada. “How did you hear us?” Yani bu zaten bizim bildiğimiz bir şey, “friend” diyelim. “web sitesi yapıyorum” ve işte esneklik sevdiğimi söyledim, “continue” dedim. Yani burada işte “free”, yani renk ve yazı tipi seçenekleri, esnek layout, şablon seçenekleri, işte transparan header dediğimiz üst taraf kısımlarını ücretsiz olarak bize veriyor. “Site builder”, “header and footer builder” ya da işte “woocommerce” denilen, bir e-ticaret şablonu wordpress için en ünlüsüdür, bu mağazaların tarafında Pro sürümünde veriyor Astra bize. Ben bunları eklemeden direkt “continue” diyorum. Yapay zekayla kendi web sitemizi yapmamızı söylüyor veya klasik olarak. Ben yapay zekayı çok bu tür işlerde kullanmıyorum kodlama dışında arkadaşlar. O yüzden klasiklerden gideceğim, “build with templates” diyorum. “select page builder” diyor, burada öğreneceğimiz bir konu daha var arkadaşlar. Şimdi blok editör dediğimiz bizim WordPress tarafında, şablonları yerleştirirken gereken bir eklenti bu, bu WordPress’in kendi Gutenberg eklentisi var arkadaşlar. Bu WordPress’in kendi blok editörü. Bir de Elementor denilen ayrı üçüncü parti bir yazılım var, eklenti var, bu Elementor eklentisi ile daha gelişmiş ve daha profesyonel yerleştirmeler ve tasarım yapabiliyorsunuz. O yüzden ben Astra’yı geliştirirken Elementor eklentisini kullanacağım. Elementor’a tıkladım arkadaşlar, şu AI reklamını da kapatıyorum, her şeye AI kullanmamak lazım yani gerektiği zaman kullanmak lazım, amaç olarak değil araç olarak görmek lazım arkadaşlar. Şimdi bana burada şablonları verdi, burada bir ton şablon var arkadaşlar. Bazıları ücretli. Bu benim bir ara web sitemin de temasıydı ama çok haber gibi olduğu için çok kullanmadım. Premium’lara bakmıyorum, Free’lere bakacağım. Ben web sitemi ne için yapacağım ona göre de bir tema seçmem lazım. Şimdi ben bir blog sitesi açacağımı düşüneyim. Mesela, bu bir portfolyo sitesi gibi. İşte burada başlık, kim olduğum, “personal portfolio” diyor zaten. Buna tıklayabilirsiniz arkadaşlar “personal portfolio”ya, istediğinizi seçebilirsiniz bu arada burada ben tercih ettim bunu seçmeyi. Ardından burada bizi zaten yönlendiriyor neyi seçiyorsun işte site logosu ne olsun. Burada mesela ben kendi resimlerimden, emojilerimden ekleyeyim. Şu olabilir. Evet logom yerleşti. Buradan logo genişliğimi ayarlayabilirim. Şöyle 143 piksel olsun. Fontu değiştirebilirim arkadaşlar. Şimdi “web developer” yazıyor yani yazılım kimliği ile ilerleyeceksek biraz daha yazılım tabanlı bir şey. Renk paletini de mavi veya mor, mavide kalalım arkadaşlar, “continue” dedim. Şimdi burada da işte “feature”ları yani eklentileri ekleyeyim mi diyor, page builder, contact form, iletişim formu işte SEO, SEO’yu anlatacağım şimdi, livechat vesaire ekleyeyim mi diyor, bunları da ekle dedim ben ama SEO için başka bir şey yapacağız hatta SEO’yu kaldırayım buna başka bir eklenti ekleyeceğiz arkadaşlar. E-Commerce’ı eklemedim. Burada bu özellikleri kullanmak için gereken eklentileri söylüyor bize yani Elementor yüklenecek işte WPForms bu iletişim formu için gereken eklenti eklenecek, Elementor’un destek yazılımı, Ultimate Addons for Elementor Lite ve yine WPForms’un destek eklentisi SureForms eklenecek. “continue” diyorum arkadaşlar. Yine burada bizi işte maile boğmak için istediği bilgiler var. Ben zaten maillendiğim için Astra tarafından bunu da ekliyorum ve “submit and build my website” diyorum. Şu anda o şablon arkadaşlar bizim web sitemize kurmaya başlıyor Astra uygulaması. Eklentileri yüklüyor. Bu geçen süre sizin internet hızınıza ve bilgisayar performansınıza göre değişiklik gösterebilir arkadaşlar. Buradan zaten nelerin olduğunu, nelerin yaşandığını görebilirsiniz. Şu anda da “import” kısmına geçti arkadaşlar yani hazır şablon yüklediğimiz için o hazır şablondaki görselleri, hazır şablondaki çalışmaları, hazır şablondaki içerikleri yüklüyor arkadaşlar web sitesine. Onları da yükledi şu anda rötuşları hallediyor “final finishings”ini yapıyor. Biz Local uygulamasını yükledik, wordpress.com’u inceledik, bunları kapatıyorum. 

00:16:33 – 00:17:15 Web Sitemiz Hazır, Şimdi Kişiselleştirelim!

Evet şu anda web sitemiz yüklendi, “view your website” diyorum. Şu anda web sitem hazır arkadaşlar. Hazır şablonum hazır. Şimdi, hazır da bu ben değilim. Bunu nasıl değiştireceğiz? Burada da arkadaşlar işin zevkli kısmı. Lego yapacağız burada. Şimdi “finish setup” diyorum burada. Öncelikle zaten burada “finish setting up” diye bizi yönlendiriyor. Bunu da yapabiliriz. İşte dizaynını yap diyor, ne bileyim contact formunu ayarla ama ben bu kadar uğraşmayacağım şimdilik. O yüzden kendim ilerleyeceğim.

00:17:15 – 00:18:03 Anasayfayı Düzenleyelim

Buradan arkadaşlar önce “Edit with Elementor” diyorum. Burada anasayfayı düzelteceğiz öncelikle yani kim olduğumuzu ne yaptığımızı anasayfayı düzelteceğiz burada. Şimdi burada zaten bir ton şey çıkıyor yönlendirme çıkıyor. Lego gibi düşünün bunu yani burası böyleyse, “Benim Web Siteme..” şu <br> yi yazıyorum arkadaşlar, <br> dediğimiz satır atlama kodu bu arada şey olan, küçük büyük işaretli br. “Benim web siteme <br> Hoş Geldiniz” diyorum. 

00:18:03 – 00:18:40 Lorem İpsum Nedir?

Bu “lorem ipsum” kalsın. Lorem ipsum dediğimiz şey ne biliyor musunuz arkadaşlar, bu bir yer doldurucu. Yani lorem ipsum yazalım zaten wikipedi’de çıkıyor bu. Hani taklit yazı bloğu olarak hani taslaklarda içerik yerine geçecek yazı bloğu. Yani şunu yazmak yerine daha mantıklı, doldurulabilecek içerik yazmak için gereken bir şey. Mesela burada 2 paragraflık bir lorem ipsum oluştur diyorsunuz, bunu kopyalıyorsunuz ve yazı bloğu yerine geçecek bir yazı parçası oluşturuyor. Bunu kullanıyoruz, lorem ipsum dediği şey bu. 

00:18:40 – 00:20:09 Anasayfa Özelleştirmeye Devam, Link Verme

Bu kalsın. Sosyal medya içeriklerimiz var mesela buradan bunu düzenleyelim işte Linkedin’e gelip, tıklayıp, üstüne basıyorum bu arada, link kısmı var. Ben link kısmına kendi Linkedin profilimi eklersem arkadaşlar, ayarlara gelip burada mesela “open in new window” dedim, “publish” ettim bunu, ondan sonra sayfaya geliyorum, şuradan, şunu yeni sekmede açayım. Buraya çıkayım direkt. Youtube Demo visit site dedim, şu an tıkladığım zaman arkadaşlar benim Linkedin profilime gidecek. Anlatabildim mi yani yönlendirmeler bu şekilde. Burada işte “About Me” sayfası var bunları düzenleyebiliriz mesela aşağı inip şu “contact me” kısmında şurada mesela bakın “contact” kısmı var, bu “contact” kısmı nereye gidiyor, şu sayfaya gidiyor. Bunu kopyalıyorum arkadaşlar. Buraya gelip “contact me” linkine yapıştırıyorum ve yine “yeni sekmede aç” diyorum. “publish” ediyorum. Şimdi bakın ne olacak. Anasayfaya tekrar geldim, “contact me”ye tıkladım ve “contact” sayfasına gitti. Anlatabiliyor muyum? Bu şekilde yönlendirmeler de yapabilirsiniz. 

00:20:09 – 00:21:54 Anasayfa Görsel Ekleme ve Düzenleme

Buradan yine görsel düzenleme diye tahmin ediyorum buraları. Portfolyo kısmı 5 tane şey seçili, buraya kendi görsellerinizi yükleyip, nasıl yükleyeceksiniz tabii ki de “insert media” ile. Ya da “add to gallery” diyip arkadaşlar buradan “upload files” diyip benim görselimi ekleyim mesela. “add to gallery” dediğimde şunları kaldırayım, şu kalsın, ondan sonra bunu tıklayıp “add to gallery” dedim, “insert gallery” dedim bakın şu oldu yani iki tane fotoğraflı bir galeri oldu anlatabiliyor muyum? Gibi buralarda işte bu görselleri yine “choose image”in altına tıklayıp değiştirebiliyorsunuz bu şekilde gibi ayarlamaları yapıyorsunuz. Basit şekilde ilerliyorum bu arada detaylı anlatmıyorum. Basit şekilde bir web sitesini nasıl değiştirebileceğinizi, mesela şu kadın görselini bir değiştireyim ben arkadaşlar. Burada benim gerçek kendi fotoğrafımı ekleyeyim. Bu kitap sayfasındanki şeyim. “select” dedim ama arkaplan transparan olsa daha iyi olur arkadaşlar. Şu mu? Bunun arkaplanı transparan mıydı? Değilmiş. O zaman yine emoji koyalım arkadaşlar. Yani arkaplan transparan olması görünürlük açısından daha iyi. Bunu ekleyelim. Evet. “publish” edelim. Anasayfayı yeniliyorum. 

00:21:54 – 00:23:13 Kayma Sorunu ve Margin Ayarları

Bu şekilde görünüyor arkadaşlar, bunun ayarlamasını yapalım niye böyle görünüyor bakalım. Şimdi, bu bir blok. Yani bu bir dikdörtgen blok, içerisinde küçük bloklar var, bunların içerisinde resim var, yazı var, şablonlar var vesaire. Şu bloğun üstündeki altı noktaya tıklayıp arkadaşlar, ayarlama yapabilirim. Şimdi burada benim sorunum ne? Bu üste taşıyor arkadaşlar. Üste taşmasını engellemek için style kısmına gelip, pardon advanced kısmına gelip top’tan padding kısmını ve margin kısmını ayarlamam gerekiyor. Mesela margin kısmına ben 100 piksel verirsem, ama hepsine verdim arkadaşlar bu olmaz, şu “link values together” ayarını kaldırdım, margin kısmını 100 piksel dedim, gördüğünüz gibi aşağı doğru kaydı. “publish” ettiğim zaman sayfayı yenilediğimde bu şekilde daha düzgün gözüküyor arkadaşlar bunlar da çok detaylı işler bu arada. Çok yapmanızı gerektirecek olaylar olacağını düşünmüyorum. Yine buradan az önce gösterdiğim yöntemlerle ayarları ekleyebilirsiniz arkadaşlar. Ardından şimdi web sitesi düzenleme çok basitçe bu.

00:23:13 – 00:25:26 Menü Ekleme ve Düzenleme

Bunu publish ettik. Şuradan “exit to wordpress” diyelim. Tekrar şeye çıkalım wordpress ayarına. “appearance” kısmında “menus” var arkadaşlar şuradaki menü kısmı. Bunu mesela Türkçeleştirmek istiyorum ben. Şuradan “menus”a tıkladım ve şuradan “home”un yanındaki ok tuşuna bastım. Ve anasayfa diyorum buna. İşte “about” kısmına hakkımda diyorum. “portfolyo” kısmına ürünler diyorum. “contact” kısmına da iletişim diyorum arkadaşlar. Buna “save menu” dedim, “home” a tıkladım, bir şey değişmedi. Neden çünkü menü footer menu arkadaşlar. Biz main menu’yu değiştireceğiz, select diyorum tekrar aynı şeyi yapıyorum çünkü footer dediği şey şuradaki menü ama burada ekli değil. Yani iki tane menümüz varmış, diğeri footer’da kullanılmıyor. Şu anda ana menüyü değiştireceğim arkadaşlar. Anasayfa, Hakkımda, portfolyo kısmına ürünler, ve contact kısmına da iletişim diyorum arkadaşlar, “save menu” dedim, home’a tıkladım, gördüğünüz gibi menü de değişti Türkçe olarak. Şu “Hire Me” kısmını değiştirebiliriz buradan “customize” diyelim arkadaşlar. Özelleştir diyelim. Şunun üzerine geldiğimiz zaman bir kalem çıkıyor, bu kaleme tıkladım ve işte ne bileyim buraya ne ekleyebiliriz, Youtube diyelim, benim Youtube’uma gitsin bu. Youtube.com. Ve işte yine yeni sekmede açılsın. “publish” ettim arkadaşlar. Sonra site adı, bunları zaten girmiştik. Transparan da işte arkaplanın boş şekilde görünmesi. Bunu kapattım arkadaşlar, Youtube’a tıkladığım zaman gördüğünüz gibi kanala gidiyor. Sayfa düzenleme böyle. 

00:25:26 – 00:27:13 SEO Nedir? Arama Motoru Optimizasyonu ve Görünürlük Artırma Stratejileri

Şimdi ne ekleyeceğiz? Bir SEO’dan bahsedeceğim size. Buradan eklentiler, yeni plugin ekle diyip buradan arkadaşlar benim çok fazla kullandığım SEO uygulaması olan RankMathSEO eklentisini yükleyeceğiz arkadaşlar. Şimdi lokalde bir anlamı yok bu işin çünkü SEO dediğimiz şeyin anlamı “Search Engine Optimization” yani “Arama Motoru Optimizasyonu” demek. Bu SEO uygulamaları şuna yarıyor: sizin web sitenizdeki çalışmalarınızı nasıl Google’da veya diğer arama motorlarında, daha fazla ön plana çıkarmanızı sağlayacak yardımcı bir yazılım bu. Ama bunu bir sihirbaz gibi yapmıyor çünkü sizin Google’da ön plana çıkmanızı ya da yapay zeka araçlarında ön sıraya çıkmanızı gerektiren en önemli şey içerik kalitesi arkadaşlar. Özgün içerik, dolu içerik ve talebi olan içerik. Yani bir kullanıcıyı, bir web sitenizi ziyaret eden bir kişiyi web sitenizde ne kadar süre tuttuğunuz, ne kadar süre sitenizde vakit geçirdiği, sitenizin hızı, teknik sorunsuzluğu, içeriklerinizin kalitesi vesaire bunların hepsinin iyi olması gerekiyor arkadaşlar. Bunlar sadece yardımcı. Mesela siz bir yazı yazarken, blok yazı yazarken yazınız işte çok kısa, biraz daha uzat diyor. Anahtar kelimeyi az kullanmışsın biraz daha kullan diyor. Anahtar kelimenin önemi de şu mesela ben işte Youtube Demo diye bir web sitesi açtım ve içeriğimi spam yapmadan yani sürekli sürekli kullanmadan öyle dengeli bir şekilde Youtube Demo anahtar kelimesi ile doldurmalıyım ki insanlar Youtube Demo diye arattığı zaman benim web siteme gelsin yani farzı misal olarak söylüyorum bunu. 

00:27:13 – 00:28:40 RankMathSEO Eklentisi ve Google Analytics Giriş

Şimdi RankMath eklentisini indirdiğimizde bunu “connect your account” demeyip direkt skip step diyoruz. Start Wizard diyoruz hiçbir şeyi değiştirmeden. Burada “yoast seo eklentisinden import yapalım mı” diyor, biz daha önce kullanmadık, o yüzden “do not import” diyoruz. Ve burada bilgilerimizi giriyoruz arkadaşlar. Ben işte lokalde çalıştığım için bunları değiştirmeden ilerliyorum. Google Analytics uygulamasını kullanıyorsak eğer, Google Analytics’den de çok kısaca bahsedeyim, Google’ın web sitesi veya mobil uygulama analiz şeyi arkadaşlar bu, programı. Ve Google Analytics’i kullanıp analiz yaparak web sitesi geliştirirseniz çok verim alırsınız. Burada işte hangi sayfalara giriş yapılıyor, sitenize nerelerden giriş yapılıyor, daha detaylı şekilde işte hangi web sitesinden geliyor vesaire bütün analizleri buradan görmüş olursunuz arkadaşlar. Bu uygulamaya bağlanayım mı diyor, bence bağlanmalısınız ama şu an lokalde çalıştığımız için bence gerek yok, skip dedim. Tüm ayarlar açık kalsın. Bunları değiştirmeden devam ediyorum. Save. Save. Detaylara girmeden save ediyorum. Ve buradan SEO’yu ekledi. Şimdi bunu nerede kullanıyoruz arkadaşlar? 

00:28:40 – 00:31:36 SEO Uyumlu Blog Yazısı Yazma

Post, add post dediğim zaman, yeni yazı ekle dediğim zaman burada bakın RankMathSEO’nun butonu var. Ben şimdi buraya bir makale yazayım arkadaşlar. Makaleyi yazarken de arkadaşlar ne yapacağım ben, lorem ipsum kullanacağım. Çünkü kendi makalemi yazmayacağım şimdi. Sayfayı bir yenileyeyim. Geri gelelim. 5 paragraflık bir lorem ipsum yazsın. Şurayı kopyaladım. Ve buraya yapıştırdım. Şimdi, buradan post ayarlarını yapacağım arkadaşlar. Mesela “set featured image”, öne çıkarılan resim ekle, benim bilgisayarı ekleyelim. Ne zaman yayınlansın? Hemen mi, belli bir zamanda mı? İşte slug şu bağlantı linki ne olsun? Template’i geçiyorum, kategori çok önemli arkadaşlar. Kategorileştirme, web sitesini okuyucunun daha iyi anlamasını ve aslında Google’ın da daha iyi anlamasını sağlıyor sizin sitenizi. Buradan da işte general diyelim, bizim genel Türkçe aslında genel diyelim, add category diyelim. Etiket ekleyebilirsiniz işte lorem, ipsum diyelim buna. Öne çıkarılan şey hazır, şimdi rankmathseo’ya. Bize 100 üzerinden 1 puan veriyor. Burada en önemli şey “focus keyword” arkadaşlar. Makalemizde biz ne anlatıyorsak anahtar kelimemizi ona göre seçmemiz gerekiyor. Atıyorum WordPress sitesi nasıl geliştirilir diyorsak anahtar kelime WordPress olacak. Ben burada lorem ipsum yazdım arkadaşlar, lorem ipsum benim anahtar kelimem. Salladım şu anda. 12 verdi. Niye bakın burada bir sürü hata var. Senin SEO title’ında focus keyword geçmiyor diyor. Hani ben bunu yapabilirim, ama evet geçiyor SEO title’ımda ama sadece rankmath’e de bağlı kalmamak gerekiyor çünkü çok saçma. Makale – lorem ipsum diye bir şey olmamalı yani böyle bir içerik yok. O yüzden bunu dinlemeliyiz ama sadece bu eklentilere göre de hareket etmemeliyiz. Neyi dinlemeliyiz, diyor ki işte content’in senin 452 kelime, en az 600 kelime olsun. Doğru. Ama 600 kelimelik lorem ipsum’da hiçbir halta yaramıyor. Anlatabiliyor muyum? Yani içeriğin kalitesi ile bu SEO teknik SEO çok önemli arkadaşlar. O yüzden bunlara dikkat edelim. Ha şu yazıyı bir yayınlayalım arkadaşlar. Bunu direkt publish diyelim. Ama şeyi ayarlamadı yine, şunu bir ayarlayayım tekrar. Kategoriyi genel desin. Şuna da lorem ipsum desin. Save diyelim arkadaşlar. Kapatalım. Visit site diyelim. Burada mesela yazıyı nereden göreceğiz? Bunu menüye ekleyelim arkadaşlar.

00:31:36 – 00:33:11 Blog Sayfası Oluşturma ve Menüye Ekleme

Şimdi Youtube Demo’dan dashboard’a geldim, buradan Appearance, Menus dedim, view all dedim buradan. Şurada add to custom links diyorum arkadaşlar. Şimdi bizim web sitemiz ne? Youtube-demo.local. Bunu kopyaladım, buraya yapıştırdım. /blog dedim arkadaşlar. Şuna blog dedim arkadaşlar link texte nasıl görüneceğini yazdım, add to menu dedim. Ve blogu şu iletişimin soluna ekledim. Save menu dedim arkadaşlar, çalışacak mı tam emin değilim ama anasayfayı tekrar yeniliyorum, bloga tıklıyorum çalışmadı evet blog sayfası gözükmüyor. Peki blog sayfasını nasıl göstereceğim? Tekrar bakalım. Buradan ayarlardan reading kısmına tıklıyoruz arkadaşlar, bakın post page yok diyor. Post page seçmemiz lazım kendimize. O yüzden post page’i bizim kendimiz yaratacağız. Pages dedim, Add Pages yani yeni sayfa oluştur dedim, buradan hemen bir şey çıktı yani design library çıktı, bunu kapatıyorum, ben buraya direkt blog yazıyorum arkadaşlar ve direkt publish ediyorum bakın blog adında bir sayfa oluşturdum bakın yazı değil bu çok önemli. Ardından tekrar ayarlar, reading kısmına geliyorum ve post page’de blog seçiyorum. Şimdi save changes dedim arkadaşlar. Tekrardan anasayfayı yeniledim, blog kısmına tıkladım, bakın yazılar çıktı burada. Ben şimdi makale kısmın, benim yazdığım yazının öne çıkarılan görseline tıkladım bakın yazım burada. 

00:33:11 – 00:34:11 Son Söz ve Yeni Eğitim Duyurusu

Anlatabiliyor muyum yani bu şekilde web sitenizi geliştirebilirsiniz arkadaşlar, hakkımda, ürünler vesaire. Bu tabi çok basit ölçekte bir WordPress geliştirme şeyi oldu, ne denir ona, videosu oldu, daha detaylı bir çalışma için de mutlaka kursa göz atabilirsiniz. Ben ayrıca bunun için yeni bir kurs açmayı da düşünüyorum. Gerek Udemy’de, gerek Youtube’da ücretli bir şekilde. Öyle bir talebiniz olursa da yorumlarda belirtebilirsiniz arkadaşlar. Yine sorularınız olursa yorumlardan lütfen aktarın, oradan ben bu video üzerinden de anlatım yapabilirim, o şekilde WordPress tarafını da konuşmuş oluruz arkadaşlar. Dinlediğiniz için teşekkür ederim. Beğenip yorum yapıp abone olmayı unutmayın lütfen, sağlıcakla kalın.