SEO İçin Google Veri İşaretleme ve Kullanıcı Oyları Konusu


Google Search Console araçlarından olan Veri İşaretleyici ile sitenizdeki içerikleri başlık, resim, tarih, puan, yorum, ... gibi işaretleyerek Google aramalarında bu sayfaların daha güzel zenginleştirilmiş kartlar şeklinde görünmesini sağlayabilirsiniz. Örneğin ürün sayfalarının yıldızlı olarak görünmesi gibi...vs.

- Bu işaretleme de ilk olarak örnek bir sayfayı etiketliyorsunuz. Aslında google'a bi nevi sayfanızın neresinde başlık, neresinde resim, neresinde puan var olduğunu anlaması için yol göstermiş oluyorsunuz.
- Daha sonra buna benzer sayfaları Google tarıyor ve size kontrol ettiriyor.
- Daha sonra işlemi bitirip yayınlıyorsunuz. Bu kadar.
- Fakat bu işaretlemeyi yaparken bir husus kafa karıştırıcı oluyor. Puan kısmı. Şu örneklerle anlatmaya çalışayım.

Örnek 1; sitenizde ürünün puanı 5 yıldız üzerinden 4 yıldız almış ise ve 4/5 şeklinde bir ibare ile sitenizde gösteriliyor olduğunu varsayalım. Bu durumda 4 sayısını seçip Ortalama Puan/Gelişmiş/Puan olarak etiketlemeniz gerekiyor. Aynı şekilde 5 sayısını da Ortalama Puan/Gelişmiş/Mümkün Olan En İyi Puan olarak etiketlemeniz gerekiyor. Eğer yorum sayısı da yazıyor ise onu da Ortalama Puan/Gelişmiş/Oy Sayısı olarak etiketlemeniz gerekiyor.

Örnek 2; sitenizde ürünün puanı 4,8 şeklinde ondalıklı bir ibare ile sitenizde gösteriliyor olduğunu varsayalım. Bu durumda 4,8 sayısını seçip Ortalama Puan/Kullanıcı Oyu olarak etiketlemeniz gerekiyor.

Umarım yardımcı olmuştur. Kullanıcı oylarının etiketlenmesi ile ilgili Google yardımı için https://support.google.com/webmasters/answer/3113241 adresini ziyaret edebilirsiniz.

Opencart için bu konuda hazırladığım eklenti için: SEO İçin Ürün Sayfasında Puanını Göster

Opencart Ürün Linklerini Kategorisiz Hale Dönüştürme (Product Seo Url Without Category)


Opencart sitenizde kategorilerdin birine girip, herhangi bir ürüne tıkladığınızda Url'ye üründen önce kategori ismi de eklenmektedir. Bu da Google'ın sitenizi yanlış indekslemesine yol açabilir. Çünkü aynı ürüne direk anasayfadan tıklayınca Url'ye kategori eklenmiyor. Bu şekilde bir ürün için iki farklı Url Google tarafından algılanıyor. Url'den kategoriyi çıkartarak bu durumu düzeltmek için:

- catalog/controller/startup/seo_url.php dosyasını açınız.
$url .= '/' . $query->row['keyword']; yazan ilk satırı arayınız ve şu değişikliği yapınız:
  $url = '/' . $query->row['keyword'];
- Diğer satırlarda değişikliğe gerek yok.
- Kaydedip, modifikasyonlardan refresh yapınız. Bu kadar.

Bu düzeltme Opencart 2.3.0.2 versiyonu için denenmiştir. Versiyona göre seo_url.php dosyasının yeri değişebilir.

https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=32399

Google Yapısal Veri Test Aracında Belirtilmeyen Tür Hatası (structured data testing tool unspecified type) [Çözüldü]


Bu hata bende; Open Graph denilen facebook için zenginleştirilmiş kart oluşturma kodlarında oluştu. Burada @type kısmında belirtilmeyen tür yazmakta idi. Bu durum sizde de varsa boşuna Open Graph kodlarınızla uğraşmayın sorun base etketinde.

Çözüm:
- Etiketleriniz arasında bulunan BASE etiketini silin ve tekrar test edin. Hepsi bu kadar...
etiketleriniz arasında bulunan BASE etiketini silin ve tekrar test edin. Hepsi bu kadar...

Önemli: 
Eğer bu işlemi opencart sistemi üzerinde yapacaksanız, şu işlemi de uygulamanız gerekiyor:
- catalog/controller/startup/seo_url.php dosyasını açınız.
$url .= '/' . $query->row['keyword']; yazan ilk satırı arayınız ve şu değişikliği yapınız: $url = '/' . $query->row['keyword'];
- Diğer satırlarda değişikliğe gerek yok.
- Kaydedip, modifikasyonlardan refresh yapınız. Bu kadar.
Bu düzeltme Opencart 2.3.0.2 versiyonu için denenmiştir. Versiyona göre seo_url.php dosyasının yeri değişebilir.

https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=32399

Blogger Adsense Reklamları Görünmüyor [Çözüldü]

Blogger ile oluşturduğunuz veya herhangi bir projenizde Adsense reklamlarınız boş görünüyor ise hata PIN doğrulaması yapılmaması olabilir:
- Adsense sayfanızı açın www.google.com/adsense.

-Yukarıdaki görselde olduğu gibi kırmızı olarak PIN hatası alıyor olmalısınız
- İşlem'e tıklayın ve Google'ın belirtilen adresinize posta yoluyla yolladığı pin numarasını girin.

Not: Google kazancınız 10 dolar sınırına ulaşınca posta yoluyla, adsense de fatura adresi olarak belirttiğiniz adrese PIN yollar. PIN'inizin 3 defa üst üste hatalı girilmesi halinde reklam sunumunun askıya alınacağını lütfen unutmayın.

How to load workspace in InDesign 2022 on MacOS

[TR]
Workspace'i Kaydetmek:
  • InDesign panellerini istediğiniz şeklide ayarlayın.
  • Window / Workspace / New Workspace seçeneği ile bir isim vererek kaydedin.
  • Bu isim verdiğiniz Workspace kayıt dosyasını bulmak için; 
  • /Users/af27/Library/Preferences/Adobe InDesign/Version 17.0/en_GB/Workspaces
  • gibi versiyonuza uygun olan klasöre gidin. Burada xml uzantılı olarak kaydettiğiniz dosyayı bulacaksınız.
Workspace'i Yüklemek:
  • /Users/af27/Library/Preferences/Adobe InDesign/Version 17.0/en_GB/Workspaces
  • benzeri versiyonunuza uygun olan klasörü açın. Daha önce kaydettiğiniz xml uzantılı workspace dosyanızı buraya kopyala/yapıştır yapın.
  • InDesign programını açın (yeniden başlatmaya gerek yok) ve window/workspace menüsünden yüklediğiniz düzeni seçin. Bu kadar.
---

[EN]
How to load InDesign Workspace?

Save the Workspace:
  • Set up InDesign panels the way you want.
  • Save it by giving it a name with Window/Workspace/New Workspace option.
  • To find the Workspace registry file you named this;
  • /Users/af27/Library/Preferences/Adobe InDesign/Version 17.0/en_GB/Workspaces
  • Go to the appropriate folder for your version, such as Here you will find the file you saved as xml extension.
Load the Workspace:
  • /Users/af27/Library/Preferences/Adobe InDesign/Version 17.0/en_GB/Workspaces
  • Open the folder corresponding to your version. Copy/paste your workspace file with xml extension you saved earlier here.
  • Open InDesign (no restart needed) and select the layout you loaded from the Window/Workspace menu.

InDesign Color Swatches Bug [Çözüldü]

InDesign Swatches panelinde pantone renkleri açtığımda bir bug oluştu. Resimde göründüğü gibi pantone kutusu panelde kaldı ve gitmedi.

Çözüm: (MacOS  için yazıyorum ama Windows için de bu klasörü bularak uyguluyubilirsiniz)

  • Finder penceresi açın
  • Git / Klasöre git tıklayın ve [User Name] yerine kullanıcı adınızı yazarak bu klasöre gidiniz*
  • /Users/[User Name]/Library/Caches/Adobe InDesign/
  • Bu klasör içindeki versiyon yazan klasörü komple silin.
  • InDesign programından çıkıp tekrar başlatın.
  • Sorun çözülmüş olacaktır.
* Library (Kitaplık) klasörü normalde gizlidir ve görünmez. Bu nedenle git menüsünden direk gidebilirsiniz.

https://helpx.adobe.com/indesign/kb/indesign-preferences-support-file-locations.html

Blogger Kod Ekleme



Tab kaç boşluk olsun: 2 4 8 Stil kodlarını ekle:


Bu kodu kopyalayıp blog yazınızın HTML kodları kısmına ekleyin.
Kodunuzda yapılacak değişiklikler:
    • Sekmeler boşluklara dönüştürülür.
    • Tırnaklar ve diğer özel karakterler HTML'ye dönüştürülür.
    • Kodunuz 'pre' ve 'code' etiketleri içine alınır.
    • Kodunuz sabit font büyüklüğünde görünür.
    • Gölgeli bir kutu içine alınır.
    • Noktalı çerçeve uygulanır.



Kim Buldu?


1. Bilgisayar, bilgi işlem, donanım, yazılım, veri tabanı, bellek, yazılım, komut, imleç... gibi bilişim terimlerini kim buldu?
Bunlar gibi 2500 bilişim terimini, Türkiye Bilişim Derneği'nin onursal başkanı Elektronik Yüksek Mühendisi AYDIN KÖKSAL bulmuştur.

2. F klavyenin mucidi:
Uluslararası Bilgi İşlem ve İletişim Federasyonu (INTERSTENO) Türkiye Temsilciliği Onursal Başkanı Dr. İHSAN SITKI YENER'dir.

SublimeText Kurulum ve PHP Developer Ayarları


Ben bu ayarları ve kurulumu MacOS'da yaptım ama genel olarak diğer sistemlerde de aynı şekilde yapabilirsiniz.
1. SublimeText editörünü kuruyoruz.

2. View-Side Bar-Show Side Bar ve Show Open Files işaretliyoruz.

3. Projemizi açıyoruz (Project-Open Porject). Yoksa Project-Add Folder to Project diyerek htdocs klasörünüzü ekleyebilirsiniz. Daha sonra bu projenizi kaydedersiniz. Böylece dosyalarımız sidebar'a geldi.

4. Sublime user ayarlarımızı yüklüyoruz (daha önceden yedeğiniz varsa) yada yeniden yazıyoruz. Sublime Text-Preferences-Settings açılıdığında yanyana iki pencere gelecektir. Soldaki orjinal ayarlar, sağdaki user yani bizim belirleyeceğimiz ayarlar. Sol kısımdan ayarları kopyalayabiliriz veya internetten sık kullanılan ayarlar paylaşılmıştır bunları user bölümüne açıklamalarıyla ekleyebilirsiniz. Ben kendi ayarlarımı (etkin satırı, tabı renklendirme, satırı bölmeme...vb) şu şekilde belirledim:
{
//aktif satırı reklendir
"highlight_line": true,

//değişiklik yapılmış tabları renklendir
"highlight_modified_tabs": true,

//yatayda sığmayan satırı alta alma
"word_wrap": false,
}

5.  Eklentilerimizi yüklüyoruz. SublimeText 3 son versiyonunda Package Control yüklü geliyor. Eğer yok ise internette nasıl yükleneceğini anlatan videolar var (bir kodu var onu Sublime consol'a yapıştırıp onaylıyorsunuz). Package Control'ü açmak için Tools-Command Palette yada Shift+Command+P kısayolu ile Komut Paletini açıyoruz. install diye arattığınızda Package Control: Install Package seçeneğini seçiyoruz. Böylece Package Control penceresi açılıyor. Buradan Sublime için hazırlanan tüm paketleri bulup kurabilirsiniz. Bir eklentiyi kurmak için listeden seçtiğinizde kurulum başlar, durum çubuğunda insalling yazar ve sonunda genelde bir sekme açılır ve kurulum bitmiş olur. Bazen sublime'yi tekrar başlatmanız gerekebilir.
Kuracağım paketler şunlardır:
Neon Color Scheme packagecontrol:
Color Scheme paketleri kodlarınızın görünüm renklerini değiştirir. Bu tema php için benim seçtiğimdir.
Emmet / packagecontrol:
html:5, img, php, ...vb yazıp tab tuşuna basınca kodu tamamlar. Ayrıca php komutlarını (if, for, switch,...vb) tamamlar.
BracketHighlighter  / packagecontrol:
Parantezleri ve söz dizimi etiketlerini renklendiren bir eklenti. İç içe parantezlerde işinizi kolaylaştırır.
AutoFileName  / packagecontrol:
a href veya img src gibi etiketlerde dosya linkini yazacağımız zaman kutu içinde mevcut dosyalarınızı listeler.
ColorPicker / packagecontrol:
Cmd+Shift+C ile renk seçici açar ve renk kodunu direk yazar.
Color Highlighter / packagecontrol:
Renk kodlarını o renk ile gösterir.
SublimeLinter  / packagecontrol:
Bir kod linting paketidir. Kodlarımızın daha temiz ve hatasız olması için yazılım esnasında bize oldukça yardımcı olur. Hata yaptığımız anlarda satır başlarında kırmızı veya sarı renkli noktalarla bize anlık uyarı verir. Kurmak için öncelikle SublimeLinter paketini kurun. Sonra aynı şekilde SublimeLinter - Php paketini kurun. Diğer dilleri de isterseniz ekleyebilirsiniz.
HTML Nest Comments / packagecontrol:
HTML Nest Comments ile, seçili blok içindeki comment karakterleri regexp ile değiştirilip, karışıklığın önüne geçiyorsunuz.
Alignment  / packagecontrol:
: ve = gibi işaretlere göre kodları hizalar. Özellikle mysql'den veri çekerken çok yararlı olacaktır. 
Mac'de Standart kısayolu sublimeLinter ile çakışmaktadır. Bunun için Sublime Text-Preferences-Package Settings-Alignment-Key Bindings User açın ve şunu ekleyin:
[
{ "keys": ["super+ctrl+a"], "command": "alignment" }
]
FtpSync  / packagecontrol:
Ftp hesabınızı htdocs klasörünüze ekler. Ayarlardan "upload_on_save": true ise dosyanız kaydedildiği anda upload edilir. Yada diğer komutları command palette ile çalıştırabilirsiniz yada kısayol atayabilirsiniz. Sidebar Enhancements eklentisi ile sidebar'da sağ tuşa tıklayarak da işlem yapabiirsiniz. Komutlar için tıklayınız.
SidebarEnhancements  / packagecontrol:
Kısaca olmazsa olmaz. Sidebarınızı işlevsel hale getiriyor. Çoğu işlemi sağ tuş menüsü ile yapmanıza olanak veriyor.
StyleToken  / packagecontrol:
Örneğin bir div etiketini seçip sağ tuş ile ilgili menüsünden Style1,2,3 gibi seçerek dosyadaki tüm div etiketlerinin bu renkte görünmesini sağlayabilirsiniz.
SublimeCodeIntel  / packagecontrol:
SublimeCodeIntel, yazılım dillerinin SDK yollarını belirttiğiniz takdirde, bütün alt sınıflarını ve argümanlarını size otomatik tamamlama içinde sunabiliyor. Eklentinin JavaScript, SCSS, Python, HTML, Ruby, Python3, XML, Sass, HTML5, Perl, CSS, Twig, Less, Node.js, TemplateToolkit ve PHP dilleri indexleyebilmesi aktif seçenek olarak geliyor. Olmazsa olmazlardan.
SwapStrings  / packagecontrol:
Bir ifadeyi diğer bir ifade ile karşılıklı değiştirir. "<>' yazdığınızda tüm " ları ' tırnak ve tüm ' ları " yapar. elma<>armut yazınca da aynı şekilde elma ve armutları yer değiştirir. Yalnız işlem yapılacak alanı seçmeniz gereklidir. Kısayolu ^ + Alt + Cmd + S dir.
Terminal  / packagecontrol:
Kurduktan sonra Cmd + ^ + T kısayolu ile terminal penceresini açabilirsiniz. Terminal ile birçok işlemi başka bir programa gerek kalmadan yapabilirsiniz.
DocBlockr  / packagecontrol:
Bu eklenti sayesinde daha kolay açıklama satırları oluşturabilirsiniz. /** yazıp tab tuşuna basmanız yeterli, bu işlemi fonksiyonların öncesinde yaparsanız parametreleri de otomatik olarak açıklama satırına eklemektedir. Son olarak // Tanımlar yazıp Ctrl+ Enter yapınız ve dekoratif bir tarz elde ediniz (bu işlemi mac'de yapamadım).

6. Geldik son olarak bu kadar uğraşarak kurduğumuz packages'leri yedekleme işlemine. Bu işlem Sublime'yi sıfırdan kurduğumuzda yeniden tek tek bu packages'leri kurmadan kolayca tek seferde geri yüklememizi sağlar. Öncelikle PackageSync / packagecontrol paketini kuruyoruz. Sonra menüden Tools - PackageSync - Backup/Restore - Backup packages to zip (recommended) seçiyoruz. zip yedeğinin kaydedileceği yeri soruyor yazıp Enter'a basıyoruz. İşte bu kadar. Geri yüklerken de Restore ile kolayca paketlerimizi yüklüyoruz.

MacOS Uyumlu Alternatif Kod Editörleri

Code Editors for MacOS

Uzun zamandır kullandığım Notepad++ editörünün Mac versiyonu yokmuş! Umarım en kısa sürede yapılır. Notepad++ diğerleri kadar özellikli değildir belki ama hızlı ve kullanışlı bana göre. Sizlere alternatif bazı editörler önermek isterim:

Notepad++ dan sonra en çok tercih edilen editörler arasındadır. Kod yazarken işinizi kolaylaştıracak fonksiyonlara sahiptir. Detaylı bilgi için web sitesini ziyaret ediniz. Ücretlidir, fakat ücretsiz de kullanılabilmektedir, arada bir satın al diye uyarı çıkar sadece.

Visual Studio Code
Microsoft'un açık kaynak kodlu çıkardığı bir editördür. Windows, Linux ve Mac ortamında çalışabilmekte ve birçok programlama dilini desteklemektedir. Denemenizi öneririm. Türkçe desteği yok.

Github destekli ve açık kaynak diğer bir editör de Atom dur.

MacOS'da Htaccess Kullanımı

MacOS'a geçiş yaptınız, Xampp kurdunuz ve diğer sistemde sorunsuz çalışan web sitenizin dosyalarını yüklediniz. Çalıştırdınız ve karşınızda bir hata:
Nesne mevcut değil!
Talep ettiğiniz URL, sunucu üzerinde bulunmuyor. URL'yi elle girdiyseniz, yazdıklarınızı gözden geçirip yeniden deneyin.
Çözümü:
Sorun sistemin dosalarınızı bulamamasından kaynaklanıyor. Çünkü yönlendirmeyi yapacak olan .htaccess dosyanız kopyalanamadı. Mac . ile başlayan dosya adlarını kendisi kullanmaktadır. Bu nedenle şu yolu izleyiniz;

1) .htaccess dosyanızın adını değiştiriniz (aaa.htaccess gibi)
2) aaa.htaccess dosyanızı şimdi kopyalayabilirsiniz
3) .htaccess olarak adını değiştirebilmeniz için gizli dosyaları görünür hale getirmelisiniz
terminali açınız ve şu kodu yazınız: 
defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder
4) şimdi doya adını .htaccess olarak değiştiriniz. bu kadar.
5) gizli dosyaları tekrar görünmez yapmak için terminale şu kodu yazınız: 
defaults write com.apple.finder AppleShowAllFiles -boolean false ; killall Finder

Bootstrap Sık Kullanılan Css Class ve Anlamları

Hizalama için:
class="text-left"    Sola hizala
class="text-center"  Ortala
class="text-right"   Sağa hizala
class="text-justify" İki yana hizala
class="text-nowrap"  Nowrap
...

Sadece Belli Sayfalarda HTTPS ve SSL Sertifika Sorunu

Sitenize SSL kurulumu yaptınız ve bütün sayfalarınız https:// ile başlıyor ve sorunsuz çalışıyor. Fakat bazı sayfalarınıza girdiğinizde https:// ile başlamasına rağmen Güvenli Değil hatası alıyorsanız yani SSL sertifikası yokmuş gibi görünüyorsa, bu sorunu nasıl çözeceğinizi anlatacağım;

Ben bu sorunu Opencart Product yani Ürünler sayfasında aldım. Opencart'ın genelinde SSL sertifikası doğru çalışıyordu ve Güvenli işareti çıkıyordu fakat sitedeki ürünlerden birine tıkladığımda https:// ile başlamasına rağmen sayfada Güvenli işareti çıkmıyordu.

Çözüm:
- Sayfa içeriğindeki html kodlarına bakın.
- http:// ile başlayan kısımları https:// yapın veya /image şeklinde site adını hiç yazmadan belirtin.
- Örneğin img ile verilen site içi resimlerinizde
  img src="http://www.siteniz.com/images/urun.jpg" yazıyorsa bunu
  img src="/images/urun.jpg" şeklinde değiştirin.
- css, js, img, diğer link verdiğiniz dosyalar gibi bütün kısımlara bakın ve dediğim gibi http olan bir
  bağlantı kalmasın.

Bu şekilde bendeki sorun düzeldi. Eğer farklı şekilde sorun yaşayanlar var ise buradan paylaşabilirsiniz.

HTML ve XHTML Arasındaki Farklar Nelerdir?

br
br/
br /
Yukarıdaki kullanımlardan hangisi doğrudur acaba! İşte tam burada bir konuyu bilmemiz gerekiyor. Sayfalarınızda HTML mi kullanıyorsunuz yoksa XHTML mi? İşte HTML ve XHTML arasındaki farkları anlatan güzel bir yazı.

https://uzmanim.net/soru/xhtml-html-arasindaki-farklar-nelerdir/845

Uzmanim.net ve ergin (2463) teşekkürler. Çok faydalı ve temiz bir anlatım olmuş.

Http to Https ve www'siz to www'li Yönlendirmesi (.htaccess)

.htaccess dosyamıza şu kodu ekliyoruz:
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www\.example\.com$ [NC]
RewriteRule ^(.*)$ https://www.example.com/$1 [L,R=301]
eğer htaccess dosyanızda üst satırlarda RewriteEngine On yazılmamış ise o zaman şu şekilde ekleyin:
RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www\.example\.com$ [NC]
RewriteRule ^(.*)$ https://www.example.com/$1 [L,R=301]

Bu kod ile şu sonucu elde edersiniz:

  • example.com -> www.example.com
  • http://example.com -> https://www.example.com
  • http://www.example.com -> https://www.example.com

Sadece www yönlendirmesi için:
RewriteCond %{HTTP_HOST} !^www\.example\.com
RewriteRule (.*) https://www.example.com/$1 [R=301,L]
Sadece http -> https yönlendirmesi için:
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}