Bu derste size nasıl yapılacağını göstereceğim HTML, CSS, PHP'de yorumlar. Yorumlar, bir web sayfasında görünmeyen metinlerdir. Belgeyi yapılandırmanıza olanak tanıyan web yöneticileri için her türlü açıklama, hatırlatıcı, açıklama için kullanılırlar. Kod hatalarını ayıklarken yorumlar vazgeçilmezdir, bir web sayfasının biçimlendirmesinde hızlı bir şekilde gezinmenizi ve istediğiniz bloğu bulmanızı sağlar. Yorumlar genellikle HTML kodunda hata ayıklamak için kullanılır. Örneğin, belirli bir kod bloğunu yürütülmemesi için geçici olarak yorumlayabilirsiniz ve gerekirse geri yüklemek kolaydır.

HTML'deki yorumlar

HTML'de yorumlar şu karakterler kullanılarak oluşturulur:. Bu nedenle, bu karakterler arasındaki herhangi bir metin bir yorumdur. Bir örnek düşünün:

HTML'deki yorumların bir örneği

CSS'deki yorumlar

CSS'deki yorumlar, /* ve */ karakterleri kullanılarak oluşturulur. Yorum oluşturmak için web sayfası kodunu şu karakterlerin arasına koymanız yeterlidir:

/* Body*/ body ( background: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; ) /* Blok sonu Body*/ için stillerle

PHP'de yorumlar

PHP'deki yorumlar tek satırlı veya çok satırlı olabilir:

1) PHP'de tek satırlık yorumlar şu karakterler kullanılarak oluşturulur: //. Bu karakteri satırın önüne koymanız yeterlidir ve yorum yapılmaz.Bu seçenek, yorum tek satırdan oluştuğunda kullanılır.

2) Çok satırlı yorumları uygulamak için aşağıdaki simgeler kullanılır: /* ve */. Bu seçenek, yorum birden fazla satıra yayılıyorsa kullanışlıdır.

Böylece öğrendik

Merhaba arkadaşlar ve blog misafirleri! Bugün size PHP ve MySQL kullanımını anlatacağım. hakkında da konuşacağız site için yorum sistemleri ve önerdiklerimden siteniz için en iyisini seçin.

Birinci soru: kullanarak PHP ve MySQL?

Bunu yapmak için, siz ve ben önce sitenizin veritabanında şu adla adlandırılacak bir tablo oluşturmamız gerekiyor: yorumlar. Oluşturulan bu tablo, aşağıdaki adlandırmalara sahip alanlardaki yorumları depolayacaktır:

İD benzersiz bir tanımlayıcıdır.
sayfa_kimliği- bu alan, bu yorumun bulunduğu site sayfasının tanımlayıcısını saklayacaktır.
isim bu yorumu bırakan yorumcunun adıdır.
metin_yorumu- sırasıyla, bu mevcut yorumun metnidir.

Bir sonraki adım, veritabanında yorumlar için bir tablo oluşturduktan sonra, uygulamamız gerekiyor. özel kod Sitede gelecekteki yorumlarımız için. Bu site kodu, yorumcularımızın makalelerimize yorumlarını eklemelerini sağlayacaktır. İşte kod:

Adınız:

Senin yorumun:

Basit HTML formu site için yorum Sitenize, gönderiye yorum bırakmak için uygun bir yere - doğal olarak gönderinin altına - yerleştirirsiniz.

query("INSERT INTO `comments` (`name`, `page_id`, `text_comment`) VALUES ("$name", "$page_id", "$text_comment")");// Tablo başlığına yorum ekle(" Konum: ".$_SERVER["HTTP_REFERER"]);// Geri yönlendiriyor muyuz?>

Bir PHP ve MySQL web sitesi için yorum formu oluşturmanın son adımı, yorumlarımızı web sitesi sayfasında görüntülemektir. İşte bunun için kod:

query("Yorumlardan" WHERE `page_id`="$page_id"" SEÇ *); //($row = $result_set->fetch_assoc()) ( print_r($row); //Yorumları yazdır yankılanırken bu sayfa için tüm yorumları getir "
"; } ?>

Bu kadar! Basit web sitesi yorum formumuz artık web sitesinde çalışıyor.

Ancak, tüm bu HTML, PHP ve MySQL kodunu incelemeyecek yeni başlayanlar için kesinlikle değil. Ayrıca veritabanı oluşturmayı da öğrenmez. Her şeye aynı anda, hızlı ve baş ağrısı olmadan ihtiyacı var. Haklıyım? Tabii ki doğru!

O zaman materyalimin bir sonraki bölümüne geçelim ve site için hazır yorum sistemleri hakkında her şeyi öğrenelim ve siteniz için en uygun, işlevsel ve kabul edilebilir olanı seçelim ...

Site için yorum sistemleri. Hangisini seçmeli?

Sitede nasıl yorum yapılır?- bu önemli bir soru çünkü sitedeki yorumlar sadece site sahibi ile ziyaretçi arasındaki iletişim için değil, aynı zamanda site sahibi ve ziyaretçi arasındaki iletişim için de önemli bir rol oynamaktadır. seo tanıtımı ve promosyonlar.

Sitede yapılan yorumlar sayesinde sitenin arama sonuçlarındaki konumu yükselir, davranışsal faktörler, siteye gelen trafik artar ve dolayısıyla kazancınız artar. Yorumların site için ne kadar önemli olduğunu görüyorsunuz!

Öyleyse bir göz atalım sitede nasıl yorum yapılır Ve ne yorum sistemi en iyi seçeneği seç?

Genel olarak sitelerdeki yorumlar birçok şekilde görüntülenir. Bunlar wordpress motorları için özel eklentiler ve gelen yorumlardır. sosyal ağlar gibi her türlü şey Temas halinde, Facebook, Disqus. Örneğin, site için kendi yorum sistemlerini sunan bağımsız hizmetler de vardır.

Şimdi size her şeyi hemen yerine koyacak ve site için bir yorum sistemi seçmeyle ilgili hiçbir soru olmayacak bir tablet vereceğim:

Burada her şey, hangi yorum sisteminin en iyisi olduğu ve web yöneticileri tarafından kaynaklarında en sık kullanılan birkaçının sunulduğu açık ve net bir şekilde görülebilir. Bence burada açıklamalar gereksiz ve seçim sadece sizin!

Adım 1 - XHTML

İlk olarak, yorum işaretlemesine bakalım. Verilen kod sınıf ile PHP tarafından oluşturulan Yorum .

demo.php

div avatar bir bağlantı (kullanıcı yorumu gönderirken URL'yi doğru girdiyse) ve gravatar.com'dan aldığımız avatar resmini içerir. İşaretlemeyi oluşturmaya PHP adımında geri döneceğiz. sonunda takip et div isim div zaman ve yorum metni.

XHTML'deki bir diğer önemli unsur da yorum formudur. ile gönderir POSTALAMAK. URL dışındaki tüm alanlar doldurulmalıdır.

demo.php

Form AJAX kullanılarak gönderilir. Kontrol arka planda gerçekleştirilir gönder.php. Her alanın karşılık gelen bir öğesi vardır etiket, öznitelik ayarlı için .

Adım 2 - PHP

PHP veritabanı ile iletişimi yönetir MySQL verileri ve yorum için işaretleme oluşturur. O da biter AJAX isteği ve yorum verilerini tabloya ekler yorumlar.

demo.php

/* / Tüm yorumları seçin ve $comments dizisini nesnelerle doldurun */ $comments = array(); $result = mysql_query("Yorumlardan * SİPARİŞ ASC TARAFINDAN SEÇİN"); while($row = mysql_fetch_assoc($result)) ( $comments = new Comment($row); )

MySQL sorgusu tablodan tüm kayıtları seçer ve diziyi doldurur $yorumlar sınıf nesneleri Yorum. Bu dizi, komut dosyası yürütüldüğünde daha fazla çıktı alır.

demo.php

/* / Yorumları tek tek yazdır: */ foreach($comments as $c)( echo $c->markup(); )

Her yorumun bir yöntemi vardır işaretleme(), hangi üretir doğru HTML sayfada görüntülenmeye hazır kod. Sınıf ve metot tanımları aşağıdadır.

Sınıf, veritabanından bir satır alır (kullanılarak elde edilir) mysql_fetch_assoc()) ve bir değişkende saklayın $veri. Yalnızca sınıf yöntemi için kullanılabilir.

comment.class.php - Bölüm 1

sınıf Yorum ( özel $veri = dizi(); genel işlev __construct($row) ( /* / Oluşturucu */ $this->data = $row; ) genel işlev biçimlendirme() ( /* / Bu method yorum için XHTML işaretlemesini çıkarır */ // Her seferinde yazmak zorunda kalmamak için bir takma ad belirleyin $this->data: $d = &$this->data; $link_open = ""; $link_close = ""; if($d["url"])( // Yorum eklerken bir URL girildiyse, // açılış ve kapanış bağlantı etiketlerini belirleyin $link_open = ""; $link_close = ""; ) // Zamanı dönüştür UNIX biçimine: $d["dt"] = strtotime($d["dt"]); // Varsayılan görüntüyü ayarlamak için gerekli: $url = "http://".dirname($_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"])."/img/default_avatar.gif"; geri dönmek" "; }

Komut dosyası, yorumlarda avatarı temsil etmek için gravatar kullanır. Gravatar, bir avatarı bir e-posta adresiyle eşleştiren çok kullanışlı bir hizmettir. Avatar görüntüsü, kodlanmış işlevi geçerek kolayca elde edilebilir. md5() gravatar.com'daki e-posta adresiniz.

Komut dosyası yürütüldüğü URL'yi belirler ve görüntünün tam adresini belirler. default_avatar.gif. Bu resim, md5 karmasıyla birlikte iletilir ve verilen e-posta adresi için avatar bulunamazsa alternatif bir resim görüntülenir.

comment.class.php - Bölüm 2

public static function valide(&$arr) ( /* / Bu metot AJAX ile gönderilen veriyi doğrulamak için kullanılır. / / Verinin geçerliliğine göre true/false döndürür ve / geçen $arr dizisini doldurur. data veya ile bir parametre olarak */ $errors = array(); $data = array(); // PHP 5.2.0'da tanıtılan filter_input işlevini kullanın if(!($data["email"] = filter_input(INPUT_POST) ,"email ",FILTER_VALIDATE_EMAIL))) ( $errors["email"] = "Lütfen geçerli bir E-posta girin."; ) if(!($data["url"] = filter_input(INPUT_POST,"url",FILTER_VALIDATE_URL) )) ( // URL alanına geçersiz bir URL girildiyse, // URL girilmemiş gibi davranın: $url = ""; ) // Geri çağırma işlevli bir filtre kullanın: if(!($data[ "body"] = filter_input(INPUT_POST,"body",FILTER_CALLBACK,array("options"=>"Comment::validate_text")))) ( $errors["body"] = "Lütfen yorum metnini girin."; ) if(!( $data["name"] = filter_input(INPUT_POST,"name",FILTER_CALLBACK,array("options"=>"Comment::validate_text"))))) ( $errors["name"] = "Lütfen bir isim giriniz."; ) if(!empty($errors)( // Hata varsa, $errors dizisini $arr'a kopyalayın: $arr = $errors; false döndürün; ) // Giriş doğruysa, verileri temizleyin ve $arr'a kopyalayın : foreach($data as $k=>$v)( $arr[$k] = mysql_real_escape_string($v); ) // e-posta içinde olmalıdır küçük harf: $arr["email"] = strtolower(trim($arr["email"])); doğru dönüş; )

Yöntem doğrulamak()(ayrıca bir sınıfın parçası) olarak tanımlanır statik. Bu, doğrudan yapı ile çağrılabileceği anlamına gelir. yorum::doğrula(), bir sınıf nesnesi oluşturmadan. Bu yöntem, AJAX'tan geçirilen verileri doğrular.

Yöntem kullanır yeni özellik kullanılabilir hale gelen filtre PHP 5.2.0. Bu şekilde betiğe iletilen verileri kolayca kontrol edebilir ve filtreleyebiliriz. Örneğin, filter_input(INPUT_POST,'url',FILTER_VALIDATE_URL) kontrol ettiğimiz anlamına gelir $_POST["url"] Sağ URL adresi. Eğer öyleyse, işlev değişkenin değerini döndürür, aksi halde değeri döndürür YANLIŞ.

Böyle bir işlevi kullanmadan önce, verileri doğrulamak için düzenli ifadeler kullanmak gerekliydi (bir dizi yapı kullanarak). eğer). Ek bir avantaj herhangi bir özel dönüşüm yapmadan önce verileri almamızdır.

Ek veri değişiklikleri gerçekleştirecek bir işlev tanımlamak da mümkündür.

comment.class.php - Bölüm 3

private static function valid_text($str) ( /* / Bu yöntem FILTER_CALLBACK olarak kullanılır */ if(mb_strlen($str,"utf8")<1) return false; // Кодируем все специальные символы html (<, >, ", & .. etc) ve // ​​yeni satır karakterini bir etikete dönüştürün
: $str = nl2br(htmlspecialchars($str)); // Kalan yeni satırları kaldır $str = str_replace(array(chr(10),chr(13)),"",$str); dönüş $str; )

Son yöntem metni doğrulamak iki çağrıda dönüş işlevi olarak geçti filtre_girişi. XSS saldırılarını etkili bir şekilde engelleyen tüm özel HTML karakterlerini dönüştürür. Ayrıca yeni satırları etiketlerle değiştirir
.

gönder.php

/* / Bu dizi, betiğe iletilen verilerle / veya hata mesajlarıyla doldurulacaktır. /*/ $arr = dizi(); $validates = Yorum::validate($arr); if($validates) ( /* Pekala, veritabanına veri ekleyin: */ mysql_query(" INSERT INTO comments(ad,url,email,body) VALUES ("".$arr["ad"]."", "".$arr["url"]."", "".$arr["email"]."", "".$arr["body"]."")"); $arr["dt "] = date("r",time()); $arr["id"] = mysql_insert_id(); /* / $arr içindeki veriler mysql sorgusu için hazırlanmıştır, / ama onu göstermemiz gerekiyor, bu yüzden / dizideki tüm öğeleri hazırlıyoruz: /*/ $arr = array_map("stripslashes",$arr); $insertedComment = new Comment($arr); /* Yeni eklenen yorumun işaretini yazdır: */ echo json_encode (array("status "=>1,"html"=>$insertedComment->markup())); ) else ( /* Hata mesajlarını göster */ echo "("status":0,"errors":". json_encode($arr ).")"; )

gönder.php AJAX isteği yoluyla verilerden bir yorum getirir. Bunu doğrular ve katıştırılmış bir yorumla birlikte XHTML işaretlemesi veya bir hata listesi içeren bir JSON nesnesi çıkarır. jQuery kullanım özelliği durum neyin görüntülenmesi gerektiğini belirlemek için - bir hata mesajı veya sayfaya yorum işaretlemesi ekleme.

Aşağıda iki örnek var.

Başarılı yanıt

("status": 1, "html": "Yorumun Html Kodu Buraya Geliyor..." )

Mülk html yorum kodunu içerir.

Hata yanıtı

("status": 0, "hatalar": ("email": "Lütfen geçerli bir E-posta giriniz.", "body": "Lütfen bir yorum gövdesi giriniz.", "name": "Lütfen bir isim giriniz." ) )

Bir hata olduğunda, jQuery, error nesnesi içinde döngüye girer ve hatalı alanların yanında mesajlar görüntüler.

Adım 3 - CSS

Artık işaretleme doğru bir şekilde oluşturulduğuna ve sayfada görüntülendiğine göre, stillendirmeye geçebiliriz.

styles.css - Bölüm 1

.comment, #addCommentContainer( /* Yorumlar için stil */ padding:12px; width:400px; position:relative; background-color:#fcfcfc; border:1px düz beyaz; color:#888; kenar boşluğu:25 piksel; / * CSS3 yuvarlatılmış köşeler ve gölgeler */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 0 #c2c2c2; -webkit-box- shadow:2px 2px 0 #c2c2c2; box-shadow:2px 2px 0 #c2c2c2; ) .comment .avatar( /* / Avatar kesinlikle konumlandırılmıştır. / Yorum div için dış ofset /*/ height:50px; left:- 70 piksel; konum :mutlak; genişlik:50 piksel; arka plan:url("img/default_avatar.gif") tekrarsız #fcfcfc; /* Dikey olarak ortala: */ margin-top:-25px; üst:%50; -moz- kutu gölgesi :1px 1px 0 #c2c2c2; -webkit-box-shadow:1px 1px 0 #c2c2c2; kutu gölgesi:1px 1px 0 #c2c2c2; )

div .Yorum Ve #addCommentContainer aynı stile sahip. Köşeleri yuvarlamak ve gölgeleri yansıtmak için birkaç CSS3 kuralı kullanılır.

styles.css - Bölüm 2

.comment .avatar img( display:block; ) .comment .name( font-size:20px; padding-bottom:10px; color:#ccc; ) .comment .date( font-size:10px; padding:6px 0; pozisyon:mutlak; sağ:15px; top:10px; color:#bbb; ) .comment p, #addCommentContainer p( font-size:18px; line-height:1.5; overflow-x:hidden; ) #addCommentContainer girişi, # addCommentContainer textarea( /* Giriş stili */ display:block; border:1px solid #ccc; margin:5px 0 5px; padding:3px; font-size:12px; color:#555; font-family:Arial, Helvetica, sans -serif; ) #addCommentContainer textarea( width:300px; ) label( font-size:10px; ) label span.error( color:red; position:relative; right:-10px; ) #submit( /* "Gönder" butonu " */ background-color:#58B9EB; border:1px solid #40A2D4; color:#FFFFFF; imleç:işaretçi; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:14px; font -ağırlık:kalın; dolgu:4px; kenar boşluğu:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; ) #submit:hover( arka plan rengi:# 80cdf5; kenarlık rengi:#52b1e2; )

İkinci bölümde, yorum ve form öğeleri için stilleri ayarlıyoruz. Seçiciyi not edelim giriş, bir özniteliğe bağlı olarak öğeleri vurgulayan tip.

Adım 4 - jQuery

Şimdi jQuery'e geçelim.

komut dosyası.js

$(document).ready(function()( /* Aşağıdaki kod yalnızca DOM yüklendikten sonra yürütülür */ /* Bu işaret, birden çok yorumun gönderilmesini engeller: */ var Working = false; /* Form gönderimini yakalamak olay: */ $(" #addCommentForm").submit(function(e)( e.preventDefault(); if(çalışıyor) false döndürür; çalışıyor = true; $("#submit").val("Çalışıyor.. "); $("span .error").remove(); /* Send.php için form alanlarını gönderin: */ $.post("submit.php",$(this).serialize(),function(msg) )( çalışıyor = yanlış; $ ("#gönder").val("Gönder"); if(msg.status)( /* / Ekleme başarılıysa, sayfadaki sonuncunun altına bir yorum ekleyin / slideDown efekti /*/ $(msg.html).hide ().insertBefore("#addCommentContainer").slideDown(); $("#body").val(""); ) else ( /* / Varsa hatalardır, / msg.errors nesnesinde dolaşın ve bunları /*/ $.each(msg.errors,function(k,v)( $("label").append(" sayfasına yazdırın) "+v+""); )); ) ),"json"); )); ));

Bir işlev çağrısı kullanıyoruz $(belge).hazır() Bir işlevi olaya bağlayan bir . Değişken çalışma bir AJAX isteğinin devam ettiğini gösteren bir bayrak görevi görür (böylece aynı yorumun tekrarlanmasını önler).

POST AJAX isteği için dönüş işlevinde özelliği kontrol ediyoruz durum yorumun başarıyla eklenip eklenmediğini belirlemek için. Evet ise, ortaya çıkan işaretlemeyi animasyonlu son yorumdan sonra sayfaya ekliyoruz. kayıp düşmek.

Sorun varsa, hata mesajlarını ekleyerek görüntüleriz. açıklık hata karşılık gelen öğeye etiket(öğe özelliği etiket içerir İD hatası olan giriş).

Hazır!

Çözüm

Komut dosyasını sunucunuzda çalıştırmak için bir tablo oluşturmanız gerekir. yorumlar MySQL veritabanınızda. Dosyadan SQL kodu ile yapabilirsiniz tablo.sql, phpMyAdmin'deki SQL sekmesine girilmelidir. Ardından, dosyada MySQL veritabanı bağlantı parametrelerini ayarlamanız gerekir. connect.php .

Okuma süresi: 55 dk

Hepinize iyi günler.

Mikroişaretleme ile ilgili uzun zamandır beklenen materyalin zamanı geldi.

Mikro işaretleme için pek çok seçenek olduğundan ve her şeyi bir anda kafanıza koymak zor olduğundan, bu makalenin özellikle yeni başlayanlar için ilk anlayış için oldukça zor olacağını hemen söylemeliyim. Ama büyük resmi açıklamaya çalışacağım ve aynı zamanda en önemli ve yaygın şeylere odaklanacağım.

Malzeme oldukça hacimli, ancak umarım sitede mikro işaretleme yapmanıza yardımcı olur.

Son zamanlarda, birçok insanın mikro işaretlemeye takıntılı olduğunu fark ettim. Bu, çeşitli SEO blogcuları şiddetle tartışmaya başladıktan sonra oldu. Ama neden kullanıldığını ve buna bu kadar çok dikkat etmenin gerekli olup olmadığını görelim. Oyun muma değer mi?

Mikro veri nedir ve neden gereklidir?

Bir sayfanın (web sitesinin) mikro işaretlemesini veya anlamsal işaretlemesini duyarsanız, bunun, arama motorlarına tek tek sayfa öğeleri hakkında içeriklerini belirten bir fikir veren ek nitelikler (etiketler) kullanan sayfa işaretleme anlamına geldiğini bilin.

Normal bir sayfanın zaten işaretlendiğini, ancak genel olarak kabul edilen etiketlerin ve niteliklerin kullanıldığını anlamalısınız. Bu, arama motorları için oldukça yeterli ve birçok site hala var ve oldukça başarılı bir şekilde gelişiyor.

Ancak, arama motorlarının sitemizi anlamasını, sayfanın önemli alanlarına yönlendirmesini, yapısını anlamasını, öncelikle dikkat etmeniz gereken alanların içeriğini göstermesini istiyorsak, o zaman mikro tanıtmanız gerekir. -markup, yani her şeye işaret eden belirli etiketler ve nitelikler ekleyin.

Bunu yaptıktan sonra, sadece arama motorlarına değil, aynı zamanda sitemize de yardımcı olacağız, çünkü mikro işaretleme yalnızca sitenin ve içeriğin yapısını anlamak için değil, aynı zamanda arama sonuçları oluşturmak, etkileyen işlevsel ve çekici parçacıklar oluşturmak için de kullanılıyor. iade edilen sitenin tıklama oranı (TO). Ve bu, genel site trafiğinde bir artış.

Aşağıda bu tür parçacıkların canlı bir örneğini görebilirsiniz.

Bu görselde, SERP'deki diğer sitelerin gri yığınları arasından hangilerinin onu tamamladığını ve daha görünür kıldığını görebilirsiniz. Ayrıca, basit, anlaşılmaz bir URL adresini değil, sitedeki malzemeye giden açık yapılandırılmış bir yolu gösteren gezinme zincirini oklarla vurguladım.

Böyle bir gezinme zinciri oldukça basittir. Tek yapmanız gereken bunları sitenize yüklemek.

İşte zengin snippet'lerin başka bir versiyonu.

Aynı seçenek, ziyaretçinin sitenin ne hakkında olduğunu ve ona ne verebileceğini hemen anlamasına olanak tanır. Parçacık bu durumda doğru bir şekilde oluşturulmuşsa, kullanıcı ihtiyacınız olan eylemi hemen gerçekleştirebilir ve bildiğimiz gibi her sitenin görevlerini (abonelik, satın alma vb.)

Böyle bir snippet'in, çok daha büyük bir boyuta sahip olduğu için, arama sonuçlarında normal bir sayfa açıklamasından daha belirgin olacağını kabul edin. Ve evet, daha sağlam görünüyor.

Şimdi mikro verinin pozisyon yükseltmede yardımcı olduğunu ve sıralama faktörlerinden biri olduğunu düşünenleri endişelendirebilecek bir soruya cevap verelim.

Mikro veriler sıralamaları etkiler mi? Uygulanmasından sonra pozisyonlarda bir artış beklemeli miyiz?

Muhakememizi yazmamak için Yandex arama motorunun yardımına dönelim. Peki, Yandex bize bu hesap hakkında ne söylüyor? Alıntı yaparım:

İşaretleme kullanırsam sitem daha iyi sıralanır mı?

Cevap: İşaretleme, sitenizi Yandex Arama'da daha görünür hale getirebilir ve böylece hedef kitleye ait daha fazla ziyaretçi çekebilir. Yandex ise kullanıcıların sorunlarını Arama'yı kullanarak çözmesiyle ilgileniyor. Arama kalitesi metriklerinden biri "kullanıcı mutluluğu" olarak adlandırılır. “Mutluluğu” artıran siteler daha üst sıralarda yer alıyor.

İşaretlemenin konumları doğrudan değil, yalnızca dolaylı olarak etkilediği sonucuna varabiliriz, çünkü kendi içinde kaynağa daha fazla ziyaretçi getirecek daha çekici bir snippet yapabiliriz. Bundan sonrası teknoloji meselesi. Daha fazla ziyaretçi - sayfalar (içerik yüksek kalitede ise) ve konumlar hakkında daha fazla birikmiş iyi göstergeler giderek artacaktır.

Arama motorlarının içeriğin özünü, türünü (bilgi, toplantı, ürün vb.) Belki doğrudan değil, dolaylı olarak - orası kesin. Yandex bunu bize doğruladı (yukarıya bakın).

O halde, sitenizde mikro verilere sahip olmanın faydalarına ilişkin kısa bir kontrol listesi hazırlayalım. Sitenin kalitesini dolaylı ya da direkt olarak gösteren, konumunu yükselten ve arama motorlarına yardımcı olan noktalardır.

1. Öncelikle, arama robotunu sitenin ana unsurlarına yönlendirdiğimiz için, bizde bir sorun olduğundan korkmadan ve bizden bir şeyler saklamaya çalışmadığımız için, sitenin arama motorları nezdindeki güvenilirliğinin arttığı sonucuna varabiliriz. arama robotu Sonuç olarak, arama motorlarının onlara yardım ettiğimizi ve onlara "sitenin ruhunu" gösterdiğimizi düşünmesi mantıklıdır, bu da kesinlikle site indeksleme kalitesini ve nihayetinde konumları etkileyecektir;
2. İkincisi, uygun ayarlarla, snippet'imizi arama sonuçlarında vurgulayabiliriz, bu da konum değiştirmeden kaynak sayfalarına giden trafiğin anında artmasına neden olur. Nihayetinde, trafikteki bir artış, yayındaki ve bir bütün olarak sitedeki tek tek sayfalarda bir artışa yol açacaktır;
3. Üçüncüsü, SERP'deki (tıklama oranı) davranışsal faktörü - CTR'yi artırıyoruz. Bu nokta bir öncekiyle yakından ilgilidir. Sitemize daha fazla kişi tıkladığı için, ziyaretçinin sayfamızın diğer sitelere göre daha kaliteli olduğunu anlamasına daha doğru bir şekilde yardımcı olmuşuz demektir. Yani - SERP'nizde sitenin biraz yükseltilmesi gerekiyor.

Bu yüzden sorunun cevaplandığını düşünüyorum.

Mikro işaretleme hiç gerekli mi? - Evet, ihtiyacın var.

Tabii ki, sitede sancılı işaretleme uygulaması ile diğer noktalar üzerinde çalışma arasında bir seçim varsa, o zaman elbette sadece anlamsal işaretlemede döngülere girmemelisiniz. Yüzlerce, binlerce şey arasında bazı teknik detaylardan çok daha önemli olan içerik üzerinde çalışmak daha iyidir. Dahası, artık snippet'inizi şablona işaretleme yapmadan, ancak yalnızca zaten derecelendirme işaretlemesini sağlayan ayarlayarak arama sonuçlarında vurgulayabilirsiniz.

Ana avantajları bildiğimizde, ana anlamsal işaretleme türlerini dikkate almaya devam edebiliriz.

Başlıca mikro veri türleri

Burada her şey oldukça karmaşık. Öncelikle, mikro işaretleme sözlükleri ve bunların sözdizimlerinin olduğunu anlamanız gerekir.

Sözlük, sayfa içeriğinin özünü gösteren bir dizi sınıf, özellik içeren bir biçimlendirme dili olarak anlaşılabilir. Her sözlükte, sitedeki her öğe farklı etiketler kullanılarak tanımlanır. Örneğin, Schema.org sözlüğünde, belgenin adı "ad" etiketi kullanılarak belirtilir, ancak mikro biçimler, işaretlenmesi gereken öğe bloğunun içinde bir CSS sınıfı kullanır ( Papatya, burada fn org bu durumda başlık etiketidir).

Her sözlük ve sözdiziminin kendi etiketleri ve öznitelikleri vardır, bu da vinaigrette'yi mikro işaretleme biçimlerinden çıkarır. Her şeyi anlamak gerçekten çok zor.

Sözdizimi, anlamsal biçimlendirmenin şu veya bu dilini (sözlük) kullanmanın bir yolu olarak anlaşılır. Sözdizimi, sayfadaki nesnelerin özünü ve özelliklerini belirtmek için hangi etiketlerin kullanılacağını belirler.

Sözdizimi ile ilgili önceki tanımdan, öz kavramı geliyordu. Bu, eldeki soruna uygulanabilir ne anlama geliyor?

öz - basitçe, o zaman bu, arama motorlarına yönlendirdiğimiz bilgi türüdür (içerik birimi, bilgi). Örneğin blogun ana sayfasında duyuruları belirtmemiz yani duyuru alanı olarak tanımlayarak bu alanın özünü bir takım etiketlerle vurgulamamız gerekiyor. Aynı şey, içeriğin (makalenin) bulunduğu alanın özünü belirtmenin, yani içerik alanı olarak metni seçmenin gerekli olduğu giriş sayfası için de yapılmalıdır.

Hemen hemen her sayfa öğesi için bir varlık tanımlayabilir, yani bunun ne olduğunu belirtebilirsiniz: içerik veya derecelendirme veya genel olarak yorumlar. Böylece, varlıklar bu tür sayfalarda belirtilebilir (benimki gibi basit bir blog şablonunu örnek olarak alıyorum):

• Ana - duyuruların listesi;
• Gönderiler sayfası - yorumlar, içerik, derecelendirme (varsa), kırıntılar;
• Normal statik sayfa - içerik, yorumlar (varsa).

Ek olarak, her sayfa türünde aynı öğeyi atayabilirsiniz - site üstbilgisi, altbilgi (altbilgi), kenar çubuğu (yan sütun), ana menü.

Her varlığın kendi özellikleri vardır, örneğin:

• Gönderiler sayfasındaki içerik alanı - makale başlığı, makale metni, açıklama, makale yazarının adı, yayın tarihi, kategori, resimler, videolar ve diğerleri;
• Ana sayfadaki duyurular listesi alanı, başlıklar ve arşiv aynıdır;
• Yorumlar alanı - yorumcu adı, tarih, yorum metni;
• Normal bir statik sayfadaki içerik alanı temelde yazılardakiyle aynıdır;
• Site başlık alanı - başlık, açıklama;
• Sayfalardaki derecelendirme alanı - maksimum derecelendirme, mevcut derecelendirme, derecelendirme sayısı.
• Altbilgi alanı (site altbilgisi) - telif hakkı yılı;
• Kenar çubuğu alanı (yan sütun) - widget'ların adı;
• Ana menü alanı - bağlantılar.

Özellikleri olan başka alanlar da var, ancak bunları dikkate almayacağım, çünkü her biçimlendirme sözlüğünde bunlardan birkaç düzine var ve schema.org'daki işaretlemede sayıları genellikle yüzlerce.

Her birinin varlıklarını ve özelliklerini belirtmek için hangi etiketlerin ve niteliklerin kullanılacağını, bu makalenin pratik bölümünde ele alacağız.

Şimdi paragrafın ana fikrine geçelim ve anlamsal işaretlemenin ana biçimlerini ele alalım. Ana sözcüklerin ve sözdizimlerinin kısa bir listesi aşağıdaki zihin haritasında görülebilir.

Anlamsız olduğu için tüm sözlükleri ve sözdizimlerini dikkate almayacağız. Onlara ihtiyacın olmayacak. Ana biçimlendirme biçimlerini kısaca tartışalım:

• Schema.org;
• açık grafik;
• Mikro biçimler.

Geri kalanların bir kısmına biraz değinilecektir.

Son adım olarak, Google tarafından geliştirilen ve şu anda geliştirmesi askıya alınan Data Vocabulary adında bir sözlükten daha bahsetmek gerekiyor. Tüm dikkatler Schema.org'a çevrildi. Bu biçimlendirme dilinde yer alan tüm özellik ve varlıkların schema.org'dan biçimlendirme için prototip haline geldiğini söyleyebiliriz.

Anladığım kadarıyla, Veri Kelime dağarcığı söz dizimleriyle çalışabilir: mikro veriler ve RDF dili; bu, ekmek kırıntısı mikro verileriyle ilgili Google yardımında çok iyi görülebilir. 2 işaretleme seçeneği vardır:

1. Mikro verilerle Veri Sözlüğü işaretlemesi;
2. RDFa ile Veri Sözlüğü işaretlemesi.

Biraz ileri atlayacağım. İlk görselde, Veri Sözlüğü ile birlikte Schema.org'dan alınan mikro verilerin kullanıldığını görebilirsiniz. Mesele şu ki, şema ile ekmek kırıntıları desteklenmiyor. Bu nedenle, birleşik bir sürüm kullanılır.

Hangi biçimlendirme biçimini kullanmak en iyisidir

Bu sorunun cevabını zaten bildiğinizi düşünüyorum, çünkü her bir işaretleme türünün açıklamasında, arama motorlarının Schema.org işaretleme sözlüğünü kendilerinin tavsiye ettiğine dair ikna edici bir argüman ortaya koydum. Kullanılması gereken budur. Ancak bu mikro işaretlemeyi uygulamak için hem eklentilerden hem de tasarım şablonlarındaki varlıkları ve özellikleri gömmekten birçok seçenek olabilir.

Son seçenek en uygun olanıdır, çünkü bu tek seferlik bir iştir ve mikro işaretleme kesinlikle her sayfada olacaktır. Şablona gömüleceği için tüm arama motorları bunu görecektir. Ancak yeni başlayanlar, şablonlarının kodunu en azından minimum temel düzeyde anlamaları ve makalenin başlığının hangi etiketin görüntülendiğini, metni görüntülemek için kodun nerede olduğunu vb. Görmeleri gerektiğinden, uygulanmasıyla ilgili sorunlar yaşayabilir. Tüm bu anların mikro işaretleme etiketleriyle sarılması gerekecek.

Bu paragraf aynı zamanda farklı sözlüklerin tek bir sitede birleştirilmesi konusunu gündeme getirmektedir. Bu kabul edilebilir ve bazı durumlarda onsuz yapmak imkansızdır. Bu, Data Vocabulary işaretlemesi ve Schema.org'dan alınan mikro veriler birleştirildiğinde, kırıntı işaretleme örneğinde açıkça görülmektedir. Bunda korkunç bir şey yok. Yandex'in kendisi bundan bahsediyor.

Burada size kalmış. Mikro biçimleri kullanmak sizin için daha kolaysa, o zaman devam edin. Ben şahsen tüm süreci Schema.org mikro işaretlemesinde göstereceğim, çünkü kendim uyguladım ve her şey tek bir hata olmadan bir patlama ile çalışıyor.

Sitede işaretlemenin varlığı nasıl kontrol edilir

Bu aşamadaki görevimiz, şablonumuzun bir tür biçimlendirme biçimine sahip olup olmadığını bulmaktır. Bu oldukça mümkündür, çünkü kullanılan şablonların çoğu zaten bir tür semantik biçimlendirme biçimi içeren İngilizceye çevrilmiş temalardır. Kural olarak, bu, hiç ihtiyacımız olmayan mikro biçim işaretlemesidir. Başlangıçta olmaması daha iyidir, çünkü bu bizi kaldırıldığında baştan kurtaracaktır.

İşaretlemenin varlığını kontrol etmek için hem Yandex biçimlendirme doğrulayıcıyı hem de Google yapısal veri doğrulama aracını kullanabilirsiniz. Çok daha basit olduğu için Yandex doğrulayıcıyı kullanmanızı tercih ediyor ve şiddetle tavsiye ediyorum.

Yandex doğrulayıcısına gittikten sonra sayfa adresini girip "Kontrol Et" i tıklıyoruz.

"Micromarkup bulunamadı" yazıyorsa, şablonda üçüncü taraf işaretleme olmadığı anlamına gelir. Bu çok iyi çünkü çıkarılması için enerji harcamanıza gerek yok. Ancak dikkatli olun, çünkü bir sayfa türünde işaretleme olmayabilir, ancak başka bir sayfada (örneğin, makale sayfasında) bulunacaktır.

Burada, sadece gönderi sayfasını analiz ediyorum ve şablon yorumlarının mikro biçimlerle işaretlendiği ortaya çıkıyor (bir vcard var). Bu, test sonuçlarında farklı bir kodla kanıtlanır.

Mikro biçimlere ihtiyacımız yok, bu yüzden onları kaldırmalıyız. Şablonunuz diğer biçimlendirme biçimleriyle işaretlenmiş olabilir. O zaman onlar da çıkarılmalıdır. Ve Schema.org'dan işaretlemenin hemen uygulanması mümkündür. Bu da olur, ancak çok nadiren, çünkü ücretsiz erişimde neredeyse hiç değerli şablon yoktur. Ama kötü olan bir düzinedir.

Şimdi üçüncü taraf işaretlemesini kaldırma sürecine bakalım.

Üçüncü Taraf İşaretlemesini Kaldırma

Benim durumumda mikro biçimler kullanan üçüncü taraf işaretleme olduğu ortaya çıktığı için, bu işlemi örneğini kullanarak göstereceğim. Başka bir işaretlemeniz varsa, onu silme ilkesi benzer olacaktır.

Her şey, sahip olduğunuz işaretlemeden etiketleri ve niteliklerini kaldırmaya kadar kaynar. Mikro biçimler ile diğer mikro veri türleri arasındaki tek fark, mikro biçimler dışındaki tüm türlerin yeni etiketler ve nitelikler eklemesidir. Mikro biçimler hiçbir şey eklemez, ancak ana türlerle ilgili paragrafta yazdığım gibi, şablonun belirli bir html öğesinin (örneğin, bir makalenin başlığı) sınıf özniteliğinin içine yazılır.

Bu arada, bu makalenin 6. paragrafında, functions.php şablon işlev dosyasına eklenmesi gereken yorum biçimlendirme kodunu veriyorum. Bu kod, mikro biçimlerle üçüncü taraf işaretlemeden kaynaklanan bu hataları düzeltmelidir. Bu nedenle, bu sorunu yaşıyorsanız, önce şablonunuzdaki kodu kontrol etmenizi öneririm. Yardım etmeli. Bu, sizi ekstra elle imha etme işinden kurtaracaktır. Hiçbir şey olmazsa, aşağıda açıkladığım gibi her şeyi elle yaparız.

Şimdi sürecin kendisine geçelim. Böylece, mikro biçimlerden fazladan işaretlemem olduğu daha önce anlaşıldı. Doğrulayıcıyı kontrol ederken, bize hatalar oluşturan vcard etiketi verildi.

Şimdi tüm dosyalarını görmek için şablonu içeren klasörü açmamız gerekiyor ve ardından mikro biçimlerin bulunduğu öğelerin çıktısından sorumlu olan dosyalara dönüyoruz. Bunun nasıl yapılacağı için aşağıdaki listeye bakın:

Umarım oldukça basit bir şekilde açıklamışımdır. Bununla birlikte, yeni başlayan birinin kafasında en fazla kafa karışıklığı olabilir.

Başlangıçta şablon dosyamda vcard'lı bu kod parçası böyle görünüyordu.

Değişiklikten sonra bu hale geldi.

Stillerde de değişiklikler yaptım.

Artık mikro biçimler yok ve tasarım orijinal haliyle korunuyor.

Böylece, standart işaretlemeyi kaldırdığımızda (eğer mevcutsa), yenisini Schema.org'dan gömebiliriz. Bu süreci başlatıyoruz.

Şema işaretlemesi Schema.org'u uygulama

Küçük bir açıklama ve teori ile başlayalım çünkü uygulamadan önce her zaman hazırlanmanız gerekir.

İlk olarak, gerekli varlıklara ve özelliklerine işaret etmemiz gereken dosyaları bulmaya değer. Şimdi WordPress motoru için dosyalardan bahsediyorum. Size diğer motorlardan bahsetmeyeceğim çünkü onlarla çalışmıyorum. İşaretleme ilkesi aynı kalır. Yalnızca işaretleme için gerekli alanların bulunduğu dosyaları belirlemek gerekir.

• Single.php dosyası (kayıt dosyası): varlık - içerik alanı (makale), özellikler - yayın tarihi, yazar, kategori, makale başlığı, resimler;
• functions.php dosyası (benim durumumda, yorum kodu biçimlendirmesi): varlık - yorum, özellikler - yorum metni, yorum yapanın tarihi ve adı;
• Duyuru listesi içeren dosyalar index.php, kategori.php,archive.php (sırasıyla ana, başlıklar ve arşivler): varlık - duyuru listesi, özellikler - yayın tarihi, yazar, kategori, makale başlığı;
• Page.php dosyası (normal statik sayfa - isteğe bağlı): varlık - içerik alanı, özellikler - metin başlığı ve varsa tarih, yazar ve diğerleri;
• Header.php dosyasında ayrıca başlığı işaretleyin - varlık başlık (başlık) olacaktır ve özellikler site başlığı + açıklama olacaktır;
• Dosya sidebar.php (yan sütun): varlık - tüm yan sütun, özellik - her parçacığın başlığı;
• Footer.php dosyası (web sitesi altbilgisi): varlık - tüm altbilgi, özellik - telif hakkı tarihi + site adı (adı işaretlemedim);
• Header.php dosyası (kaynağın üst kısmı): varlık - ana gezinme menüsü, özellik - bağlantılar + bunların bağlantıları.

Şimdi her varlık tipine ve bunlara karşılık gelen özelliklere karşılık gelen etiketler ve nitelikler hakkında. İlk olarak, varlıklar hakkında.

/***Duyuru listesi**/ itemscope itemtype="http://schema.org/BlogPosting" /***Gönderi sayfasının içeriği**/ itemscope itemtype="http://schema.org/ Makale" / ***Yorumlar**/ itemprop="comment" itemscope itemtype="http://schema.org/Comment" /***Normal statik sayfa***/ itemscope itemtype="http://schema .org/ Article" /***Kenar çubuğu (kenar çubuğu)***/ itemscope itemtype="http://schema.org/WPSideBar"> /***Altbilgi (site altbilgisi)***/ itemscope itemtype="http :/ /schema.org/WPFooter"> /***Sitede gezinme (ana menü)***/ itemscope itemtype="http://schema.org/SiteNavigationElement"> /***Resimler***/ itemscope= "" itemtype="https://schema.org/ImageObject" /***Sayfanın kalıcı bağlantısı***/ itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" /*** Kuruluş* **/ itemscope itemtype="https://schema.org/Organization" /***Address***/ itemscope itemtype="http://schema.org/PostalAddress"

Şimdi özellik etiketleri.

• Sayfa (metin) başlığı - itemprop="headline"
• Yazı metni - itemprop="articleBody" (tam metnin bir parçası olarak oluşturulmuşsa açıklama için de kullanılabilir)
• Yayın tarihi - itemprop="datePublished"
• Yazar - itemprop="yazar"
• Makale kategorisi - itemprop="articleSection"
• Resim - itemprop="resim"
• Yorum metni - itemprop="text"
• Yorum yapanın adı - itemprop="creator"
• Yorum tarihi - itemprop="datePublished"
• Bağlantı (ana menü ve resim için geçerlidir) - itemprop="url"
• Altbilgi telif hakkı yılı - itemprop="copyrightYear"
• tarih son değişiklik sayfalar - itemprop="dateModified"
• Adres - itemprop="adres"
• Sokak - itemprop="streetAddress"
• Dizin - itemprop="postaKodu"
• Adres konumu - itemprop="addressLocality"
• Telefon - itemprop="telefon"
• Resim uzunluğu - itemprop="width"
• Görüntü genişliği - itemprop="height"
• Logo - itemprop="logo"

Bunlar, şimdi kullanacağımız ana özelliklerdir.

Şablonu mikro işaretlemek için diğer adımlar oldukça basittir.

Yukarıda sağlanan etiketleri kullanarak bir varlığı ve özelliği tanımlaması gereken her alan, bazı genel etiketlere sarılır. Bir div bloğu etiketi, bir makale etiketi, bir yayılma etiketi, bir H1 başlığı ve diğerleri olabilir. Anlamayı kolaylaştırmak için, başlık neredeyse her zaman olması gerektiği gibi bir H1 etiketine sarılır. 2 etiket olacak: açılış ve kapanış. Ve böylece, sadece başlıklarla değil, sitenin her öğesiyle.

Önemli olan, gerekli her öğeye bir varlık etiketi (içeriğin türünü belirtin: makale veya yorum veya duyuru listesi vb.) ve açılış etiketi içinde özellikler verilmesi gerekeceğidir.

Şimdi pratik yap. Örneğin, tek bir giriş (makale) dosyası single.php var. İşaretlemesi ile başlayalım.

İşaretleme sonrası (makaleler)

Varlığı tanımlayarak başlayalım. Şablon, gönderinin tüm içerik alanını (hem makalenin metnini hem de başlık ve yorumları) saran ortak bir etikete sahiptir ve her biri için farklıdır. Bazıları için bir div bloğu olabilir. Bu makaleye sahibim. Doğal olarak bu etiket en başta, tüm içeriğin başladığı yerde açılır ve içerik bittiğinde bir yerde biter.

Ve en başında, açılış makale etiketinin içinde, içerik alanının varlık etiketini yazı sayfasına eklemem gerekiyor (kodları biraz daha yüksek verdim). Size single.php giriş dosyasının son işaretlemesinin bir görüntüsünü (tıklanabilir) veriyorum ve sonra ne olduğunu ve sonunda ne olduğunu açıklayacağım, kimse net değilse. Resim büyük ama tıklanabilir, böylece daha büyük bir görünüm için üzerine tıklayabilir veya tam görünüm için yeni bir sekmede açabilirsiniz.

Başlangıçta, tüm gönderi içeriği alanı makale etiketi kullanılarak açılır. Şöyleydi:

Ve şöyle oldu:

Gördüğünüz gibi, açılış makale etiketinin içine gönderi varlık etiketi eklendi. Artık arama robotu, bunun içerik içeren bir alan olduğunu anlayacaktır. Bu alanı bir nesne olarak algılayacaktır. Bu çok önemli.

Bu arada. Pek çok kişi makale derecelendirmelerini bir eklenti olmadan ayarlar ve sayfayı Yandex veya Google doğrulayıcıda kontrol ettikten sonra inceleme nesnesinin belirtilmediği söylenir. Bunun nedeni, derecelendirmenin kendisi tarafından yayınlanmasıdır. Belirli bir bölgenin içine yerleştirmeniz gerekir, bu bölge de bir içerik bölgesi (veya geri bildirim nesnesi) olarak bir biçimlendirme etiketi tarafından tanımlanmalıdır. Ardından derecelendirme nesneye, yani makaleye ait olacaktır. Bundan sonra hata olmayacak.

Sürece geri dönelim. İlk olarak, nesnenin varlığını yerleştirdik (tüm ana alanı ortak bir etiketle sardık) ve ardından özelliklerini, yani ikincil verileri işaretledik: yayın tarihi, yazar, makale gövdesi (metnin kendisi), yayıncı verileri ( adres, kuruluş, logo), sayfanın son değiştirilme tarihi, ana sayfanın adresi vb. Her şey tamamen aynı - gerekli öğenin her açılış etiketinin içinde uygun parametreleri belirtiyoruz. Aşağıda, değişiklikler yapılmadan önce ve sonrasında neler olduğuyla ilgili açıklamalar sunuyorum.

Başlangıçta, tüm içerik alanını saran açılış etiketinden hemen sonra 2 satır kod kopyalıyoruz. Metnin daha öncesine yerleştirilmiş, içinde bir varlık bulunan bu makale etiketine sahibim.

"/>

• 1. satır, sayfa adresini gösteren ve bu sayfanın ana sayfa olduğunu söyleyen bir satırın görüntülenmesinden sorumludur.
• 2. satır, sayfanın en son değiştirildiği tarihtir.

Ardından hemen bir sonraki satırda yayıncı hakkında veri veriyoruz, yani. içeriği kim yayınlıyor. Bu, aynı anda birkaç varlığı içerir (Organizasyon - içindeki bir adres, bir resim - bir logo). Ben kodu veriyorum, siz sadece içindeki ipuçlarını verilerinizle değiştiriyorsunuz. Gerçek olup olmadığı size kalmış, ancak Google bunu yine de arama sonuçlarını iyileştirmek ve verilerinizi size güvenilsin diye göstermek için yapıyorsa, o zaman gerçek olanları belirtirdim. Genel olarak, burada herkesin işi var. İşte kod.

sokak adı dizin ülke, bölge, şehir telefon

Fark ederseniz, yukarıdaki kodlarda, bu verilerin sayfada görüntülenmesi gerekmediğini, ancak arama motorunun görebilmesi için yalnızca kaynak kodunda gösterilmesi gerektiğini söyleyen bir ekran: yok stil etiketi vardır. Aslında ihtiyacım olan şey bu. Bu etiket 2. ve 9. satırlarda bulunur ve logo ve adresin görüntüsünü gizler. Görüntülemek istiyorsanız, bu stilleri kaldırın. Gelecekte, blogu kökten yeniden tasarladığımda, tasarıma iyi uyacak ve benim hakkımda bilgi verecek kompakt, güzel bir blog haline getirdiğimde bunu yapacağım.

Logoya gelince, birçoğunda yok. Aşağıdakileri yapmanızı öneririm - ya küçük bir resim oluşturun ve üzerine sitenin adını adresiyle birlikte yazın (en kolay logo seçeneği) veya fotoğrafınızı yükleyin (en tembel seçenek). Bir logom var, bu yüzden kaydettirdim.

Şimdi aşağıdaki bilgileri işaretliyoruz. Burada daha kolay olacak. Bunu veya bu bilgileri (başlık, kategori, yayın tarihi, yazar) gösteren diğer tüm gerekli kodları bulmanız ve içine alındıkları açılış etiketlerinin içine gerekli schema.org biçimlendirme özellik etiketlerini eklemeniz yeterlidir.

Kayıt başlığı. Şuydu:

Yayın tarihi. Şuydu:

Konstantin Khmelev

Konstantin Khmelev

".$current_category_name."

".$current_category_name."

Makale metni. Şuydu:

işte üçüncü taraf kodu

işte üçüncü taraf kodu

Hemen hemen aynı, aynısını yapmalısın. Farklılıklar yalnızca, içine varlık ve özellik etiketlerini yerleştirmeniz gereken etiketlerde olacaktır. Sıralamaları da farklı olabilir. Ya da belki hiçbir şey olmayacak, örneğin yayınlanma tarihi veya kategoriye bir bağlantı olmayacak. Ardından bu verileri şablona eklemelisiniz.

Makalenin sondan bir önceki paragrafında, aniden bir şeyiniz eksik olursa kullanabileceğiniz kodlar vereceğim.

Yani, şimdi sayfamızı Yandex ve Google doğrulayıcılarında kontrol etmeliyiz.

Google doğrulayıcıda, neredeyse aynı olacaktır. Bu verilerde hata olmamalıdır. Tek nüans, döndüğümüz görüntülerin mikro işaretlemesiyle ilgilidir.

Her görüntüyü ellerinizle işaretleyebilir, görüntülerin özüyle sarabilir ve gerekli özellikleri atayabilirsiniz, ancak her gönderide birkaç düzine görüntü olduğunda bu oldukça sakıncalıdır. Aşağıdaki kodu kullanalım.

micro_images_captions işlevi ($a , $attr, $content = null)( extract(shortcode_atts(array("id" => "", "align" => "alignnone", "width" => "", "caption" =) > ""), $attr)); if (1 > (int) $width || empty($caption)) $content döndürür; $caption = html_entity_decode($caption); if ($id) $id = "id ="" .esc_attr($id) . "" "; dönüş "

" .do_shortcode($content) ."

" .$yazı ."

";) function micro_image($content) ( $ar_mk = "! !si"; $br_mk = " "; $content = preg_replace($ar_mk, $br_mk, $content); return $content; ) add_filter("the_content", "micro_image"); add_filter("img_caption_shortcode", "micro_images_captions", 10, 3);

Artık her makaleye bir resim işaretleme etiketi eklemenize gerek yok. Doğrulayıcıya gidiyoruz, en az bir resim içeren sayfayı kontrol ediyoruz ve bir sonraki resme bakıyoruz.

Herhangi bir hata olmamalıdır. Herşey temiz. Her resim, yukarıdaki ekran görüntüsünde olduğu gibi işaretleme ile sarılmalıdır.

Ana sayfa düzeni

Burada duyuru listesini görüntüleyen kodu, duyuru listesinin entity etiketi ile sarmanız gerekir. Bu tamamen aynı şekilde yapılır. Şablondaki tüm kodu saran genel etiketin içine, istenen etiketi yerleştiririz (blog gönderileri listesinin varlığı blog gönderisidir veya gönderi sayfası -article ile benzer şekilde). Resme bakın (tıklanabilir).

Gördüğünüz gibi duyuru listem li list etiketi ile gösteriliyor yani her duyuru içine alınıyor. Listenin içi, girişin içindekiyle hemen hemen aynıdır - tarihler, yazarın adı, başlık başlığı, adres, logo, yayıncı vb. Bunu blog sayfalarında çok iyi görebilirsiniz. Yapı benzer, sadece makalenin metni tamamlanmadı. Genel olarak, biçimlendirme, blog gönderisi varlık etiketi dışında, gönderi sayfasıyla tamamen aynıdır.

Duyuru sayfası için biraz farklı bir resim işaretleme kodu kullanmak da gereklidir, çünkü burada sadece resimler değil, küçük resimler de görüntülenir. Küçük resimlerin mikro işaretlenmesi, hemen hemen aynı kod kullanılarak gerçekleştirilecektir. Daha önce elle işaretlenmeleri gerekiyorsa, şimdi bunun bir anlamı yok. İşte kod (bunu functions.php dosyasına da yerleştiriyoruz).

function micro_thumbnail($content) ( $ar = "!!si"; $br = ""; $content = preg_replace($ar, $br, $content); return $content; ) add_filter("post_thumbnail_html", "micro_thumbnail) ");

Doğrulayıcıya dönüp kontrol ediyoruz ana sayfa. Size sadece 2 duyuru gösterdim çünkü. tam ekran çok büyük olacaktır.

Bu sayfada duyuru sayısı kadar blog gönderisi girişi olacaktır. Blog gönderisi yerine makale kullandıysanız, duyuru sayısına bağlı olarak birkaç makaleniz olacaktır.

Çünkü ana Sayfa Yapı olarak kategori ve arşiv sayfalarına benzer, mikro işaretlemeleri aynıdır. Bu sayfaların tüm türlerinde duyuru listeleri görüntülenir.

Bu nedenle, yeni başlayanlar için oldukça karmaşık bir süreç olan yorum işaretlemesini ayrıştırmaya devam ediyor. Normal statik sayfalar da vardır. İşaretlemelerinin ilkesi kayıtlara benzer, bu yüzden göstermeyeceğim.

Yani yorumlar. Şimdi, functions.php işlev dosyasına bir kod ekleme ve site sayfalarında yorumları görüntüleyen işlevi değiştirme görevini basitleştirelim. Öncelikle aşağıdaki kodu alıp functions.php dosyasının en başına, açılış etiketinin hemen öncesine yerleştiriyoruz.< ?php. Если будет выдавать ошибку, можно попробовать его разместить после закрывающего тега?>dosyanın en sonunda.

En başta bu koddaki açıklığı kaldırmanız gerektiğinde bir yerleştirme seçeneği de vardır. php kodu(silmek< ?php) и в самом конце его закрытие (удалить?>). O zaman kodu açılış (kapanış) php etiketinden önce veya sonra değil, diğer tüm işlevlerin yanında bu etiketlerin içine yerleştirmeniz gerekir. Bazen tam olarak bu yerleştirme seçeneği işe yaradığında bir sorunla karşılaştım.

Kod tüm şablonlarda çalışmaz!

< id="yorum-">

%S:

"), get_comment_author_link()); ?>yorum_onaylandı): ?>

$add_below, "derinlik" => $derinlik, "maks_derinlik" => $args["maks_derinlik"]))); ?>

$add_below, "derinlik" => $derinlik, "maks_derinlik" => $args["maks_derinlik"]))); ?>