تالار گفتمان سایت ساز رزبلاگ

تالار گفتمان سایت ساز رزبلاگ

Q:

اسکیما برای رزبلاگ (Schema)

اسکیما چیست :

اسکیما یک زبان نشانه‌گذاری است. زبانی مشترک بین موتورهای جست‌وجو، که به آن‌ها کمک می‌کند اطلاعات صفحات وب را آسان‌تر و سریع‌تر تشخیص بدهند.

مزایای اسکیما :

شما به کمک اسکیما می‌ توانید سایت خود را دقیق تر و بهتر به گوگل شناسانده و در نتایج جستجو بیشتر دیده شوید. و امکانات جذابی در صفحات گوگل به مخاطبان نمایش دهید.

روش نشانه گزاری اسکیما :

نشانه گزاری های اسکیما 3 روش دارد :RDFa---Microdata---JSON-LD

انجام نشانه گزاری اسکیما :

در وردپرس معمولا افزونه هایی هستند که خودشان بصورت خودکار تمام کارهای اسکیمای سایت ها را انجام میدهند و نیازی به کار خاصی از طرف مدیر سایت نیست. اما در رزبلاگ باید بصورت دستی این کار انجام شود و خبر خوب این است که اسکیما را در رزبلاگ میتوان بصورت دستی انجام داد.

هر گونه سوالی درباره اسکیما و مشکلات در نشانه گزاری اسکیما برای رزبلاگ را در این پست مطرح کنید تا به شما پاسخ دهیم.

در این پست از همه دوستانی که با اسکیما آشنایی دارند و یا از آن استفاده میکنند درخواست میکنم برا پاسخ به سوالات بقیه دوستان کمک کنند..

درخواست کد
پاسخ ها

اسکیما یک ابتکار بزرگی است که در 2 ژوئن 2011 توسط بینگ، گوگل و یاهو راه اندازی شد و در همان ابتدای کار یاندکس نیز به این گروه پیوست. اسکیما که از سال 2011 حدود 10 سال پیش فعالیت خود را آغاز کرده واژگان ساختار یافته خود را برای بهبود عملکرد عنکبوت های موتورهای جستجو و سایر تجزیه کنندگان تشخیص دهنده در دنیای اینترنت معرفی نموده است. نشانه گزاری اسکیما یک منبع واژگان از داده های ساختار یافته است که به موتورهای جستجو کمک می کند تا اطلاعات وب سایت شما را بهتر درک کنند تا به نتایج کامل تری برسند. (این پاراگراف برگرفته شده از صفحه انگلیسی ویکی پدیا درباره اسکیما میباشد)

در ادامه به توضیحات دیگری از اسکیما که شخصا درباره آنها مطالعه و از آنها استفاده کردم میپردازم..

دنیای اینترنت و کدها ممکن است در آینده نیز دچار تغییرات گسترده تری شوند مانند تمام اتفاقاتی که از آغاز تا سال 2021 رخ داده است. بهترین کار این است که خود را با تغییرات آن بروز کنید تا از چرخه پیشرفت و رقابت با سایرین عقب نمانید.

هر زمان که شروع به یادگیری کنید دیر نیست !

برای شروع یادگیری و درک بهتر اسکیما شما باید مفهوم و کاربرد علائم نشانه گزاری (Schema Markup) را بفهمید و آنرا یاد بگیرید تا بتوانید از آنها استفاده ی درستی بکنید.

یادگیری اسکیما شاید کار راحتی نباشد اما پس از فهمیدن کاربرد و کارکرد آن، شما میتوانید به بهترین شکل سایت خود را در موتور های جستجو و انواع ربات های هوشمند فضای اینترنت به نمایش بگزارید و آنها را از تمام جزئیات کلیدی سایت خود با خبر سازید.

نمونه هایی کاربردی از عملکرد اسکیما در گوگل :

  1. نمایش پرسش و پاسخ (FAQ) (نمایش سوال و جواب در گوگل)
  2. نمایش لوگوی سایت (در زمان جستجوی عنوان سایت فارسی یا انگلیسی ظاهر میشود)
  3. نمایش موضوعات و لینک های مهم سایت (انتخاب دلخواه)
  4. نمایش تصویر مطالب (در زمان جستجوی مطالب ظاهر میشود)
  5. نمایش امتیاز های یک مطلب (امتیاز ستاره ای)
  6. لینک باکس جستجوی اختصاصی (در زمان جستجوی عنوان سایت ظاهر میشود)
  7. و غیره ...
  8. ابزار نشانه گزاری اسکیما و تست کردن صحّت آن :

    خوشبختانه گوگل بعنوان یک کمپانی پیشرو و حامی نشانه گزاری های اسکیما ابزارهای متعدد و آموزش های زیادی دارد.

  9. بهترین گزینه نشانه گزاری اسکیما (برای افراد تازه کار) : ابزار نشانه گزاری داده های ساختار یافته گوگل میباشد.
  10. بهترین گزینه برای سنجش درستی و استاندارد بودن اسکیمای انجام شده : ابزار تست داده های ساختار یافته گوگل میباشد.
  11. بعلت گستردگی علائم و واژگان در نشانه گزاری اسکیما (برای دقت بهتر)، شما حتما باید بدانید که چه چیزی را میخواهید نشانه گزاری کنید.

    شما یک سایت دارید و در آن صفحات مختلفی وجود دارد. ابتدا خود سایت را با جزئیاتش باید معرفی کنید و سپس سراغ صفحات آن با توجه به موضوع صفحات بروید و نشانه گزاری کنید. صفحه سایت شما برای معرفی و نشانه گزاری ابتدا حتما باید مشخصات خود را نمایان و معرفی کند.

    برای مثال : معرفی مدیر (نام، صفحه مدیر و یا لینک شبکه های احتماعی مدیر و..) که معمولا در اسکیما بصورت : PERSON شناخته میشود.

    برای نشانه گزاری هر صفحه نیز باید مشخص کنید که نوع صفحه چیست و سپس از متاتگ های مخصوص آن استفاده کنید و حتما باید تمامی صفحات را به خود سایت و یا صفحات دیگر مرتبط سازید.

    در روز های آینده مطالب بیشتری را در همین صفحه قرار خواهم داد..

سلام و درود مجدد خدمت علاقمندان اسکیما و نشانه گزاری اسکیما

امروز میخوام آموزش نشانه گزاری با JSON-LD رو توضیح بدم (البته به روش خودم)

دقت داشته باشید که این نوع از نشانه گزاری های اسکیما (JSON-LD) عام پسندتر و راحت تر و سریعتر هست.

هر کدام از انواع نشانه گزاری ها برای مثال JSONLD خودش به تنهایی زیر مجموعه های فراوانی داره که باید برای درک بهتر هرکدوم سایت اسکیما رو ببینید و بانک اطلاعاتی این سایت رو بررسی کنید تا بهترین گزینه رو برای سایت و مطالب یا وبلاگ و مقالات خودتون انتخاب کنید.

آموزش مقدماتی کدهای جیسون اسکیما :

معرفی وبسایت با JSON-LD

مثال اول (تعریف وبسایت بصورت ساده)

کد:

<script type="application/ld+json">{

"@context": "http://schema.org",

"@type": "WebSite",

"name": "نام وبسایت",

"url": "آدرس وبسایت",

}</script>

در مثال بالا ما داریم وبسایت خودمون رو معرفی میکنیم پس بخش TYPE ما میشه WEBSITE و بخش هایی که فارسی نوشتم رو باید پر کنید با توجه به عنوان سایت و آدرس سایت (توجه : آدرس سایت کامل باشد با HTTP یا HTTPS) ؛ نام وبسایت رو میتونید فارسی و دقیقا مطابق با تایتل TITLE سایت خود وارد کنید تا صداقت بیشتری داشته باشید.

معرفی کردن وبسایت در JSONLD مثال حرفه ای تری هم داره که گزینه هاش بیتشر هست اما این چون برای شروع کار ماست کافیه در همین حد باشه و همین استاندارده و مورد قبول تمامی جستجوگرها هست.

البته در ادامه روزهای دیگر همین مثال رو گسترده تر میکنیم چون همونطور که قبلا گفتم باید بخش های مختلف رو بهم متصل کنیم و ارتباطشون با یکدیگر رو بیان کنیم.

خب وبسایت ما معرفی شد !

حالا باید ببینیم وبسایت ما چه چیزهایی برای توجه بیشتر و معرفی شدن به موتورهای جستجو داره ؟!

سریع سراغ مطالب و برچسب و غیره نمیریم چون جزئیاتی هست که از همه این ها مهمتر هستن.

باید نوع سایت رو مشخص کنید و تعریف کنید که چه زیر مجموعه هایی داره

برای اینکار سراغ ارگانیزیشن Organization میریم چون این مورد دارای زیرمجموعه های کاملی هست

مثال ساده Organization برای JSONLD

کد:

<script type="application/ld+json">

{

"@context": "http://schema.org/",

"@type": "Organization",

"name": "نام وبسایت",

"url": "لینک وبسایت",

"logo": "آدرس لوگو مربعی"

}

</script>

در مثال بالا نیز ما ارگانیزیشن رو مشخص کردیم که تایپ ما شدOrganization و نام وبسایت و لینک وبسایت و لوگو رو هم باید جای گزاری کنیم. حالا که داریم معرفی میکنیم باید موارد دیگه ای رو هم براش تعریف کنیم تا این بخش کامل و جامع باشه.

مثال تکمیلی Organization برای JSONLD (معرفی راه های ارتباطی)

دقت کنید همون مثال بالا هست که موارد ارتباطی سایتمون رو بهش اضافه میکنیم..

توجه داشته باشید که برای سایت های مختلف مثال زیر متفاوت است. برای عموم سایت ها این نوع نشانه گزاری کافیه اما برای سایت های فروشگاهی باید کدهای کامل تر و مناسب با فروش اضافه بشن. برای سایت های غیر فروشگاهی این نوع نشانه گزاری ها استاندارد هستن.

کد:

<script type="application/ld+json">

{

"@context": "http://schema.org/",

"@type": "Organization",

"name": "نام وبسایت",

"url": "لینک وبسایت",

"logo": "آدرس لوگو مربعی",

"contactPoint": {

"@type": "ContactPoint",

"contactType": "customer support",

"telephone": "[شماره تماس]",

"email": "ایمیل"

},

"sameAs": [

"آدرس فیسبوک شما",

"آدرس توئیتر شما",

"آدرس پینترست شما",

"آدرس لینکدین شما",

"آدرس اینستاگرام شما"

]

}

</script>

در مثال بالا راه های ارتباطی رو به ارگانزیشن اضافه کردم و موارد مورد نیاز رو به فارسی نوشتم تایپ ماContactPoint هست و زیر مجموعه های آن معرفی راه های ارتباطی همراه با شبکه های اجتماعی سایت شماست.

دقت کنید در تمامی موارد ارگانیزیشن نباید هرگز صفحات شخصی معرفی شوند.

مثال بالا بصورت کامل شده

کد:

<script type="application/ld+json">

{

"@context": "http://schema.org/",

"@type": "Organization",

"name": "دانلود آهنگ : فاز تو موزیک",

"url": "https://faz2music.ir",

"logo": "https://dl.faz2music.ir/view/3384784/Faz2Music_logo_min.png",

"contactPoint": {

"@type": "ContactPoint",

"contactType": "customer support",

"telephone": "[+989170255901]",

"email": "[email protected]"

},

"sameAs": [

"http://facebook.com/faz2music",

"http://twitter.com/faz2muzic",

"http://pinterest.com/faz2music",

"http://linkedin.com/faz2music",

"http://instagram.com/faz2music"

]

}

</script>

برای راستی آزمایی کدهای بالا و کدهایی که شما نشانه گزاری میکنید میتونید از ابزار گوگل که قبلا معرفی کردم و لینک آن در پایین میزارم استفاده کنید..

دقت کنید چون ایران تحریم هست از وی پی ان استفاده کنید

ابزار تست اسکیما گوگل

ابزار تست اسکیما (سایت اصلی اسکیما)

در روزهای آینده این بحث رو ادامه میدم تا به نتایج بهتری برسیم

مکان درج این کد ها کجا هست؟

اچ تی ام ال فالب؟ سی اس اس قالب یا کد های مطلب؟

نقل قول از firebug

مکان درج این کد ها کجا هست؟

اچ تی ام ال فالب؟ سی اس اس قالب یا کد های مطلب؟

سلام وقت بخیر

این مورد رو فراموش کرده بودم ذکر کنم ؛

هرکدوم از روش های اسکیما برای نشانه گزاری، جایگاه متفاوتی در سایت دارند.

کدهای اسکیما فقط در بخش HTML جایگزاری میشن و به CSS و .. نیاز ندارن چون بیشتر تمرکزشون روی محتوا هست.

اگر از روش JSON-LD که در بالا مثال زدم استفاده کنید باید کدهایی که میسازید رو در HEAD قالب قرار بدید. البته طبق تجربه خودم هرجایی میشه از این کدهای جیسون ال دی استفاده کرد و کارایی داره ولی بهترین مکان همون هد قالب هستش.

نکته مهم دیگری هم هست ؛ اینکه بعضی از کدهای نشانه گزاری برای صفحه اصلی کاربرد دارن و بعضی برای ادامه مطلب ولی تا اینجایی که من توضیح دادم و مثال زدم این کدها برای هر دو صفحه لازم هستن چونکه دارن ماهیت سایت رو شرح میدن.

در ادامه اگر که فراموش نکردم بیشتر توضیح خواهم داد..

موفق باشید..

سلام و دورد مجدد به علاقمندان اسکیما با ادامه بحث اسکیما در خدمتتون هستم.

ستاره ای کردن مطالب در صفحات گوگل

خب دوستان عزیز تا اینجا معرفی صفحه سایت یا وبلاگ خودتون رو متوجه شدید اگرم نشدید سوال کنید من بیشتر توضیح بدم...

حالا میخوایم مطالب سایت یا وبلاگمون رو داخل گوگل بصورت ستاره دار نمایش بدیم

خوشبختانه این امکان بصورت کامل برروی رزبلاگ هم امکان پذیر هست مخصوصا حالا که مدیریت محترم رزبلاگ زحمت کشیدن و برای رزبلاگی ها بخش ستاره ای رو آپدیت کردن و حرفه ای تر از همیشه هست.

نمونه مطلب ستاره ای بصورت زیر هست، این یک سایت برروی رزبلاگ هست با دامنه مجزا

همونطور که مشاهده میکنید در زیر مطلب تعداد ستاره ها نمایش داده شدن که پیش تر همه فکر میکردن فقط سایت های بزرگ میتونن این امکا رو داشته باشند.

من اینجام که به شما بگم این امکان برای همه قابل دسترس هست فقط باید بدونید چه کاری انجام بدید.

اول از همه نکته مهمی که باید بدونید این هست که گوگل در صورتی که شما کدهارو درست بزارید ممکن هست مطالب رو ستاره ای نشون نده و اگرم بخواد نشون بده خیلی زمان میبره تا تایید کنه که سایت شما مطالبش ستاره ای هستند.

بصورت کلی اینکه نمایش بده یا نده دست خودش هست و تصمیم رو خودش میگیره و کسی نمیتونه اونو مجبور کنه

سایت هایی که این امکان براشون نمایش داده میشه معمولا از اول کدهای اسکیمای ستاره ای رو روی سایت گذاشتند

یعنی گوگل براش مهمه که شما از کی این کدهارو استفاده میکنید.

برای مثال و درک بهتر این قضیه من یه سایت دارم به نام فازتوموزیک و برای این سایت یه وبلاگ ساختم به نام وبلاگ فاز تو موزیک سایت اصلی 10 سال هست فعاله و وبلاگ رو 6ماهه راه اندازی کردم.

کد اسکیما روی سایت اصلی فازتوموزیک از سال 98 اضافه کردم و همون قالب رو 6ماه پیش روی وبلاگی که تازه ساختم گذاشتم.

نتیجه کار تا الان اینجوری بوده که ستاره برای وبلاگ نمایش داده میشه داخل نتاج گوگل ولی برای سایت اصلی هنوز نمایش داده نمیشه.

پس دقت کنید هرچیزی اینجا ممکنه ولی شما نباید امیدتون رو از دست بدید و کدهارو بزارید باشن برشون ندارید.

خب حالا بریم سراغ ستاره ای کردن مطالب با کمک اسکیما در گوگل

اون کدهایی که در نوشته های قبلی توضیح دادم رو حتما داخل هد قالبتون بزارید و جزئیاتشو دقیقا مطابق اطلاعات سایتتون پرکنید و جوری بزارید که اگر عنوان رو تغییر دادید اون جزئیات داخل اسکیما هم تغییر کنه همزمان

نمونه کد کامل شده اسکیمای اولیه و ضروری رو برای رزبلاگ رو میزارم؛ برای سایت های html و ... شما میتونید دستی بزارید و با توجه به مدیریت محتوای سایتتون اونارو تنظیم کنید.

کد:

<script type="application/ld+json">

{

"@context": "http://schema.org/",

"@type": "Organization",

"name": "",

"url": "",

"logo": "آدرس کامل لوگوی شما مربعی",

"description": "",

"contactPoint": {

"@type": "ContactPoint",

"contactType": "customer support",

"telephone": "[+989170255901]",

"email": "[email protected]"

},

"sameAs": [

"http://facebook.com/faz2music",

"http://twitter.com/faz2muzic",

"http://pinterest.com/faz2music",

"http://linkedin.com/faz2music",

"http://instagram.com/faz2music"

]

}

</script>

این کد با تگ های رزبلاگ هست که هم در هد صفحه اصلی باید باشه هم در ادامه مطلب و تمامی صفحات

بجای بخش تصویر و عکس آدرس تصویر خودتون که لوگو هست رو بزارید فقط دقت کنید ساز تصویر از 300 در 300 بیشتر باشه و حتما مربعی باشه

شماره تماس و ایمیل رو هم بجای موبایل و ایمیل من بزاریدش

ممکنه شما یکسری اطلاعات این کد رو نداشته باشید مثلا قیسبوک و ... ندارید خب میتونید اون بخش same as رو بردارید ولی بخش اولیه که مهم هستش باید باشه حتما

من کد رو بدون اون اطلاعات میزارم برای کسانی که لازم دارند.

کد:

<script type="application/ld+json">

{

"@context": "http://schema.org/",

"@type": "Organization",

"name": "",

"url": "",

"logo": "آدرس کامل لوگوی شما مربعی",

"description": "",

"contactPoint": {

"@type": "ContactPoint",

"contactType": "customer support",

"telephone": "[+989170255901]",

"email": "[email protected]"

}

}

</script>

کد اصلی ما آماده شد حالا میریم سراغ کد ستاره ای کردن مطالب رزبلاگ

توجه کد خالیشو هم میزارم برای کسانی که غیر از رزبلاگ هستن در ادامه می بینید

در رزبلاگ برای قرار دادن کد ستاره ای، یکم باید کد قالب رو ویرایش کنیم

اولین قدم

شما باید امتیاز دهی سایتتون رو برروی ستاره ای تنظیم کنید که در رزبلاگ از بخش تنظیمات » تنظیمات امتیاز دهی قابل دسترسه

قدم دوم

داخل قالب ادامه مطلب سایتتون تگ و کدهای امتیازدهی رو پیدا کنید که با تگ زیر شروع میشن

و با همین تگ هم بسته میشن
کل کدی که بین این دوتا تگ هست و خود این تگ هارو سلکت کنید و بردارید چون قرار بجاش کد جدیدی که میزارم اینجارو قرار بدید

کدهای زیر باید بجای کدهای امتیاز دهی ادامه مطلب قرار بگیرند

کد:

<RB:Post_Rate_Block>

<RB:Post_Rate_Pic_Url:https://dl.faz2music.ir/view/3473230/F2M-Star.png>

<RB:Post_Rate_Pic_Size:24>

<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "MusicRecording", "aggregateRating": { "@type": "AggregateRating", "bestRating": "5", "ratingCount": "[Post_Rate_Total]", "ratingValue": "[Post_Rate_Result]" }, <RB:Post_Image_Block>"image": "[Post_Image]"</RB:Post_Image_Block>, "name": "[Post_Title]", "description": ""} </script>

</RB:Post_Rate_Block>

تمام شد!
بله این کد اسکیمای ستاره ای کردن مطالب هست که برای اطمینان از درست بودنش میتونید از ابزار تست گوگل و اسکیما استفاده کنیداین ابزار تست کردن رو قبلا گذاشتم میتونید از این لینک هم برید داخلش و ادرس یکی از مطالب رو بهش بدید و اون تست کنه براتون... (با فیلتر شکن برید ایرانو تحریم کرده برای این بخش)

پست های مرتبط

هر کدی نیاز داشتید سفارش بدید رایگان (3)

  • rozex
  • شنبه 15 تیر 1398 - 16:06

کد پنهان کردن

  • zahra111
  • یکشنبه 06 خرداد 1397 - 11:29

کد بگید ، شارژ بگیرید

  • pcyar2
  • سه شنبه 22 اسفند 1396 - 18:23

کد وسط چین

  • gradyska
  • سه شنبه 22 اسفند 1396 - 18:19

کدهای اشتراک گذاری

  • fisheries
  • سه شنبه 22 اسفند 1396 - 17:58

کدتقویم وساعت برای سایت رزبلاگ(بدون تبلیغ)

کد نویس ها بیاید تو یه ویرایش لازم دارم

  • joke2joke
  • یکشنبه 26 آذر 1396 - 11:17

;\\کد آخرین ارسال انجمن

  • meittc
  • دوشنبه 30 اسفند 1395 - 17:14

مترجم سایت و وبلاگ !!

کد تابلو اعلانات

یه کد درباره گذاشتن فیلم در وبلاگ میخوام و چندتا سوال در این باره

کد چت روم سازی تایپیک های انجمن های رزبلاگ.

  • red-graph
  • یکشنبه 27 تیر 1395 - 8:55

در خواست کد منو ابشاری

در مورد تگ های h1 h2 h3 سوال داشتم

آیا پیوند یکتای فارسی مناسب است ؟

  • loveak
  • جمعه 27 شهریور 1394 - 15:32

در خواست ویرایش قالب سایت من

  • saeedlashh
  • چهارشنبه 18 شهریور 1394 - 23:13

درخواست تغییر آواتار پیش فرض سایت

  • nesbo
  • دوشنبه 16 شهریور 1394 - 22:29

درخواست اسلاید

  • mhadides
  • جمعه 13 شهریور 1394 - 17:40

درخواست کد برای تغییر شکلک انجمن رزبلاگ

  • naser_920
  • جمعه 13 شهریور 1394 - 1:42

خطا در صورت پاک کردن کپی رایت

  • mhadides
  • شنبه 07 شهریور 1394 - 13:50