4M!R

نمایش تصویر شاخص در نتایج گوگل

13 پست در این موضوع قرار دارد

سلام دوستان

این سایت چطور تصویر شاخص(من بهش می گم تصویر شاخص دددی) رو تو نتایج گوگل نمایش میده

اگه تو گوگل سرچ بزنیند :طرز تهیه جوجه حلزونی

1111.jpg

دقیقا همون تصویری رو اورده که تو نوشتش

اول فک کردم عکس مربوط به گوگل پلاسه

1

به اشتراک گذاری این پست


لینک به پست

سلام

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

5

به اشتراک گذاری این پست


لینک به پست

سلام

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

این ویژگی رو چطور میشه به وردپرس اضافه کرد؟ کد یا افزونه میشه معرفی کنید

خیلی لازمش دارم

ممنون اقا مهدی

1

به اشتراک گذاری این پست


لینک به پست

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


<div itemscope itemtype="http://schema.org/ImageObject">
<a itemprop="contentURL" href="آدرس عکس">
<img itemprop="thumbnailUrl" src="آدرس" alt="">
</a>
<meta itemprop="caption" content="توضیح">
<meta itemprop="publisher" content="آدرس سایت">
</div>


http://www.google.com/webmasters/tools/richsnippets

4

به اشتراک گذاری این پست


لینک به پست

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

اما در خصوص عکس مثال زیر رو نگاه کنید


the_post_thumbnail( 'single', array( 'class' => 'thumbnail', 'alt' => ''.get_the_title().'', 'itemprop' => 'image' ) );

2

به اشتراک گذاری این پست


لینک به پست

بنده از پلاگین yoast استفاده می کنم که بیشتر این مواردی که فرمودید توش هست برای تصویر شاخص هم از :


<meta property="og:image" content="ادرس عکس ">

استفاده می کنه که مناسب گوگل نیست

گوگل هم دو روش رو توصیه کرده تو این لینک:


https://support.google.com/customsearch/answer/1626955?hl=en

یکی با استفاده از page map و یکی دیگه با استفاده از متا تگ:


<meta name="thumbnail" content="http://example/foo.jpg" />

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

تو نت هم چیز به درد نخوری برا وردپرس پیدا نکردم

نمایش تصویر شاخص خیلی می تونه تو افزایش کلیک لینک ها موثر باشه

1

به اشتراک گذاری این پست


لینک به پست

meta اصلا ربطی به تصویر نداره، یعنی به‌درد کار شما نمی‌خوره

تنظیمات yoast هم ربطی نداره

برای این‌کار نمونه‌ی جناب افشین و نمونه‌ای که خدمتتون گذاشتم می‌تونه کمک کنید

thumbnail هم کلا برای تصویر استفاده نمیشه، البته منظورم تصویر شاخص هست

thumbnail برای فیلم‌ها کاربر داره، برای تصویر شاخص می‌بایست از "itemprop="image استفاده بشه

2

به اشتراک گذاری این پست


لینک به پست

meta اصلا ربطی به تصویر نداره، یعنی به‌درد کار شما نمی‌خوره

تنظیمات yoast هم ربطی نداره

برای این‌کار نمونه‌ی جناب افشین و نمونه‌ای که خدمتتون گذاشتم می‌تونه کمک کنید

thumbnail هم کلا برای تصویر استفاده نمیشه، البته منظورم تصویر شاخص هست

thumbnail برای فیلم‌ها کاربر داره، برای تصویر شاخص می‌بایست از "itemprop="image استفاده بشه

خب چرا خود گوگل استفاده از متا


<meta name="thumbnail" content="http://example/foo.jpg" />

و

page map را پیشنهاد کرده؟ یعنی گوگل الکی میگه؟


<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="http://www.example.com/recipes/applepie/applepie.jpg"/>
<Attribute name="width" value="100"/>
<Attribute name="height" value="130"/>
</DataObject>
</PageMap>

0

به اشتراک گذاری این پست


لینک به پست

نگفتم گوگل الکی می‌گه، گفتم ربطی نداره

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

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


<img class="photo" itemprop="image" src="http://www.sooran.com/learn/cooking/image-cooking/کباب-حلزونی-مرغ.jpg">

البته این رو هم بگم این‌ها صددرصد نیست

نمونش هم yoast.com هست

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


<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.example-petstore.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://query.example-petstore.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>

منبع

دوستانی که از افزونه wordpress seo استفاده می‌کنن اگر دقت داشته باشند مثل این کد در بخش هدر سایت‌شون هست

این نمونه خود سایت yoast


<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "WebSite", "url": "https://yoast.com/", "potentialAction": { "@type": "SearchAction", "target": "https://yoast.com/?s={search_term}", "query-input": "required name=search_term" } }</script>

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

حالا شما جستجو کنید راسخون

نتیجه‌گیری با خودتون (:

1

به اشتراک گذاری این پست


لینک به پست

حق با شماست علی اقا گوگل تشخیص میده چی رو نشون بده یا نشون نده ولی فک کنم بهتره بستر رو براش مهیا کنیم

الان برا این که اتوماتیک تصویر شاخص رو نشون بده چیکار باید بکنیم

چه کدی رو کجا بذاریم

ممنون میشم راهنمایی کنید

با سپاس

0

به اشتراک گذاری این پست


لینک به پست

حاجی امدیم نبودید :(

0

به اشتراک گذاری این پست


لینک به پست

دوستان کسی نیست بنده رو راهنمایی کنه؟ :((

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

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


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری