30 Ağustos Zafer Bayramımız Kutlu Olsun

Anahtar Kelime Rehberi : Turizm Sektörü

Turizm sektöründe SEO ve Dijital Pazarlama çalışmalarında faydalı olacağına inandığım bazı uzun kuyruklu anahtar kelimeler ve bu kelimelerin ortalama aylık aranma hacimlerini bir liste haline getirdim. Evet haklısınız, turizm ve tatil ile ilgili tüm kelimeler bunlar değil. Zaman zaman bu yazıyı güncelleyerek listeyi dahada da genişleteceğim.

Listeye geçmeden önce şunları belirtmek istiyorum.

SEO için içerik mi üreteceksiniz?
Bu sadece listede tatil ve turizm sektörüne hangi kelime ne kadar aranmış? Onu görebilirsiniz. Bazı kelimelerin aranma sayıları çok yüksek bazılarınınkisi ise düşüktür. Aranma hacminin düşük olması o anahtar kelimelenin kullanışsız olduğu anlamına gelmez. Size nacizane tavsiyem düşük aranma hacimli kelimelerin daha yüksek aranma hacimli varyasyonlarını türetmeniz ve düşük aranma hacimli kelimelerle birlikte ürettiğiniz içeriğe uygun bir şekilde yerleştirmeniz yönünde olacaktır.

Reklam çalışması mı yapacaksınız?
Google Ads(AdWords) vb arama mecralarında reklam yapacaksanız tüm stratejinizi ve bütçenizi anahtar kelimelerin aranma hacimlerine göre belirlemeyin. Bazen anahtar kelimeler sadece görünmenizi sağlar ve para harcattırır. Sitenize organik olarak gelen ve alışveriş yapan müşterilerin kullandığı anahtar kelimeleri, reklam yapacağınız ürün/hizmet/tatil paketi ile harmanlayarak yeni kelimeler oluşturun. Oluşturduğunuz anahtar kelimelerde Google araması yapın. Listede organik sonuçlarda siz çıkmıyorsanız muhtemelen doğru reklam anahtar kelimelerini buldunuz demektir. Yine de tedbiri elden bırakmayıp bir süre denedikten sonra dönüşümleri inceleyin. eğer istenilen dönüşümü elde edemezseniz ve sitede teknik bir aksaklık yok ise(reklam 404 sayfalarına yönlendiriyor olabilir) yeni kelimeler bulmanın vakti gelmiştir.  

Turizm Sektörü İçin Anahtar Kelimeler
5 yıldızlı otel : 1600
5 yıldızlı oteller bodrum : 170
5 yıldızlı oteller alanya : 210
alanya tatil köyleri 5 yıldızlı : 10
antalya otelleri : 135000
antalya kaş : 18100
antalya otel fiyatları : 12100
antalya otel fırsatları : 320
antalya tatil : 5400
antalya tatil köyleri : 3600
antalya kemer otelleri : 9900
balayı otelleri : 27100
bodrum otelleri 135000
bodrum otel fiyatları : 5400
butik otel : 12100
tatil ara : 590
tatil arama motoru : 50
tatil arama sitesi : 10
tatil kampanyaları : 2400
tatil yerleri : 18100
tatil fırsatları : 9900
tatil köyleri : 12100
tatil köyleri antalya : 720
tatil köyleri yalova : 170
tatil köyleri istanbul : 320
tatil köyleri izmir : 320
tatil köyleri fiyatları : 480
tatil turları : 5400
tatil köyü yalova : 170
tatil köyü istanbul : 320
tatil köyü balıkesir : 210
tatil köyü tekirdağ : 30
otel fiyatları : 18100
otel fiyatları istanbul : 480
otel fiyatları antalya : 1000
otel fiyatları bodrum : 260
otel fiyatları alanya : 260
otel kampanyaları : 880
otel rezervasyonları : 12100
otel rezervasyon siteleri : 390
otel rezervasyon iptali : 280
otel rezervasyon programı : 170
ucuz otel : 12100
ucuz otel istanbul : 1300
ucuz otel antalya : 880
ucuz otel bodrum : 320
ucuz otel alanya : 390
uygun otel fiyatları : 590
uygun otel fiyatları bodrum : 20
her şey dahil : 22200
her şey dahil oteller : 18400
her şey dahil antalya otelleri : 590

CSS'de ">", "+" ve "~" sembolleri ne manaya gelir?

Web sitesi yapmak zahmetli ama eğlenceli bir iştir. Tasarımından, front-end ve back-end yazılımına ve UI/UX testlerine kadar pek çok alanı kapsayan kompleks bir iştir. Ben özellikle front-end kısmını çok severim. Kullanıcı arayüzlerini programlamak, tasarımı sadece bir resim halinden çıkarıp, canlı ve etkileşimli bir HTML dokümanı haline getirmek, saatlerce sıkılmadan yapabileceğim bir iştir.

Bu işi yaparken karşılaştığım zorlukları aşabilmek için pek çok web sitesinden ilham ve/veya çözüm yöntemi ararım. Benzer durumları nasıl çözdüğünü incelerim. Front-end kullanılan kodlar tarayıcıda çalışan scriptlerden oluştuğu için sürekli herkese açıktır ve ön yüz geliştiricileri birbirlerinin kodları görebilirler ve inceleyebilirler. İncelenen bir sitenin CSSsyi nasıl kurgulamış, uygulanan JS çözümleri neye göre yazıldığı gibi pek çok araştırmalar yaparken ortak bir akıl gibi davranır ve sorunlarımızı beraberce çözeriz. Bu yazımda bazı web sitelerinde CSS kodlarını incelerken sık sık gördüğümüz özel karakterlerden bahsedeceğim.

Bazı sitelerde, kaynak kodlarını incelerken, CSS kodlarında >, + ve ~ sembollerinin selektörler arasında kullanıldığını görürsünüz. Bildiğiniz gibi selektör CSS'de stili düzenlenecek HTML'elemanını seçmek için kullanılır.

Normalde alışık olduğunuz gibi bir CSS selektör yapısında, '#', '.', ':' gibi bazı semboller ile çeşitli erişim yolları kurarız. Ancak yukarıda belirttiğim semboller bazı özel durumlarda bize yardımcı olmaktadırlar.
Örneğin aşağıdaki gibi bir yazımda id'si kutu olan div içindeki tüm p elemanların yazı karakterleri bold olacaktır.

<style>
div#kutu p{
font-weight:bold;
}
</style>

<div id="kutu">         
   <p>İlk paragraf elemanı </p>
    <div id="icKutu">
        <p>İçerdeki Div'in içindeki paragraf elemanı</p>
    </div>
   <p>İkinci paragraf elemanı</p>
   <p>Üçüncü paragraf elemanı</p>   
</div>

See the Pen Tüm Karakterleri Bold Yapmak by Turgut Arslan (@draguth) on CodePen.

CSS'de '>' sembolünün kullanımı
Diyelim ki biz sadece #kutu divi içindeki p'lerin bold olmasını, #icKutu elemanındaki p'nin normal olmasını istiyoruz Bunun için CSS koduna,

#icKutu p{font-weight:normal !important;}

Şeklinde bir satır ekleyerek p elemanına etki eden önceki CSS kodunu ezmemiz gerekmektedir.
CSS kodlarken kod ezme işlemleri genelde istenmeyen bir durumdur. Mümkün olduğu kadar bu yoldan kaçınmak gerekir. İşte > işareti tam da bu noktada imdadımıza yetişiyor. Kodu yeniden düzenleyelim.

<style>
div#kutu > p{
font-weight:bold;
}
</style>

<div id="kutu">         
   <p>İlk paragraf elemanı </p>
    <div id="icKutu">
        <p>İçerdeki Div'in içindeki paragraf elemanı</p>
    </div>
   <p>İkinci paragraf elemanı</p>
   <p>Üçüncü paragraf elemanı</p>   
</div>


Başka bir kod yazmadan sadece araya > işaretini koyarak tarayıcıya dedik ki, ey tarayıcı sadece doğrudan #kutu divindeki p'leri bold yap eğer p elemanı başka bir şeyin içindeyse ona dokunma. Bu koda göre tarayıcımız #kutu divi içindeki tüm p'leri bold yapacak ama #icKutu divin içinde yazılmış olan p elemanı da #kutu divi içinde olmasına rağmen bold olmayacaktır.

See the Pen CSS'de '>' sembolünün kullanımı by Turgut Arslan (@draguth) on CodePen.

CSS'de '+' sembolü kullanımı
Bu sembol de belirli elemandan sonra gelen ilk belirli elemanı hedeflemek için kullanılır
Örneğin div elemanından sonra gelen ilk p elemanını seç gibi.
<style>

div + p{
color:red
}

</style>

<div id="kutu">         
   <p>İlk paragraf elemanı </p>
    <div id="icKutu">
        <p>İçerdeki Div'in içindeki paragraf elemanı</p>
    </div>
   <p>İkinci paragraf elemanı</p>   
</div>   
<p>Üçüncü paragraf elemanı</p>

Bu kodlama örneğinde tarayıcıya divlerden sonra gelen ilk p elemanını kırmızı yap şeklinde bir talimat vermiş oluyoruz.

See the Pen CSS'de '+' sembolü kullanımı by Turgut Arslan (@draguth) on CodePen.

CSS'de '~' sembolünün kullanımı
Evet geldik en ilginç işarete ~ sembolü belirli bir elemandan sonraki tüm belirli elemanları seçmeye yarar.
Örneğin bir div elemanından sonra gelen tüm p elemanları seç gibi.
<style>

div#icKutu ~ p{
color:blue
}

</style>
<div id="kutu">         
   <p>İlk paragraf elemanı </p>
    <div id="icKutu">
        <p>İçerdeki Div'in içindeki paragraf elemanı</p>
    </div>
   <p>İkinci paragraf elemanı</p>
   <p>Üçüncü paragraf elemanı</p>
   <div id="icKutu2">
        <p>İçerdeki Div'in içindeki paragraf elemanı2</p>
    </div>
</div>   
<p>Dördüncü paragraf elemanı</p>

Bu kodlama örneğinde tarayıcı #icKutu divinden sonra gelen ve #kutu divi içinde olan tüm p kardeşlerini mavi yapacaktır. Ancak bu seçimin #icKutu2 divindeki p'yi kapsamadığına dikkat edin.

See the Pen CSS'de '~' sembolünün kullanımı by Turgut Arslan (@draguth) on CodePen.

Şunu unutmayın:

Tarayıcı için sadece aynı kapsayıcı içindeki elemanlar kardeştir. Daha iç katmanlarda olanlar ya da kapsayıcı eleman dışındakiler kardeş sayılmaz.

Umarım yardımcı olabilmişimdir. Hepinize kolay gelsin.

Kaynak:

https://techbrij.com/css-selector-adjacent-child-sibling

WampServer PHP Sürüm Güncellemesi | PHP 5.6 Wamp Server php_curl.dll eklentisi aktive olmuyor. Ne yapabilirim?

Yazılım dünyası sürekli gelişen ve kendini yenileyen bir yerdir. Yazılımcılar bu sebepten sürekli kendilerini güncel tutmaya çalışırlar. Programlar gelişir, Sistemler yenilenir. sürekli bir hareket söz konusudur. Dünyanın bir yarısı uykuya yattığında diğer yarısı yeni bir şeyler geliştirmekte ve bu devinim sürekli devam etmektedir. Bu yüzden yazılım dünyası her sabah yeni bir şey ile güne uyanır. Güncel olduğunuzu düşündüğünüz bir konuda bir sabah bir da bakmışsınız ki geride kalmışsınız. Kullandığınız bir yazılımın yeni bir sürümü çıkmış. Hemen denemek isteyebilirsiniz.

Eğer PHP dilinde geliştirme yapan bir yazılımcıysanız, mutlaka yolunuz Wampserver ile kesişmiştir. Bu sanal sunucu Wordpress, Drupal,Joomla gibi CMS scriptlerini denemek için en ucuz ve kolay yollardan biridir. Eğer uzun süredir Wampserver kullanan biriyseniz piyasada yeni yazılan scritpleri de denemek için kullandığınız versiyonda bazı güncellemeler yapmak zorunda kalabilirsiniz. Özellikle PHP'nin yeni versiyonunda yazılmış olan bir script sizin Wampserver'ınızda çalışmayacaktır. Bu durumda PHP versiyonunu istenen sürüme yükseltmeniz gerekir.
Bunu yapmak için önce PHP'nin sitesinden sizin için gereken versiyonun paketini indirmeniz ve işletim sisteminizde bazı düzenlemeler yapmanız gerekir. Örneğin, Wampserverda  PHP'yi 5.6 sürümüne yükseltirken yapmanız gereken düzenlemeler şu şekildedir.

Windows'ta Wampserver için PHP versiyonunun 5.6'ya yükselttiğiniz zaman cURL eklentisini aktifleştirme sorunu yaşayabilirsiniz.
\wamp\bin\apache\apache2.4.9\bin içine php 5.6 klasörü içindeki
libeay32.dll
libssh2.dll
ssleay32.dll
dosyalarını kopyalamanız yeterli. Sonrasında wampserver'i restart edip sunucuyu kullanabilirsiniz.

Basit Bir XML Ayıklayıcı

Bu basit bir XML Parsing aygıtıdır. İstediğin bir XML içinden, seçtiğin etiketlerin değerlerini sıralar.
Listelemek İstediğin XML elemanını buraya yaz :

XML Kodlarını Buraya Yapıştırın

Google Ads(Adwords) Kampanya Anahtar Kelime Düzenleyicisi

Google Ads Kampanyası için gereken sıralı ve tam eşlemeli anahtar kelimeleri kolayca oluşturur.

Anahtar Kelimeleri Satır Satır Girin

Google Ads Sıralı Eşlemeli Anahtar Kelimeleri

Anahtar Kelime Sonucları

Google Ads Tam Eşlemeli Anahtar Kelimeleri

Anahtar Kelime Sonucları

Javascript İle URL Yönlendirme Nasıl Yapılır?

Javascript ile bir web sayfasını başka bir sayfaya yönlendirmek son derecede kolaydır.  Aşağıdaki basit kodu kullanarak istediğiniz yönlendirmeyi yapabilirsiniz

<script>
window.location.replace("https://arslanturgut.blogspot.com");
</script>