کد اسکیما برای ویدیو در سئو

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

برای مثال محتوای متنی ، تصاویر ، ویدیو ، سئوالات متداول ، موسیقی ، دیدگاه ها و … هرکدام ، یک ساختار محتوایی هستند که در ظاهر برای تمامی کاربران که سایت شما را مشاهده می‌کنند قابل درک هستند . به عبارتی وقتی کاربر داخل سایت شما در حال مطالعه مطلب خاصی است ، به راحتی توانایی درک متون ، تصاویر ، ویدیو ، دیدگاه ها و … را دارد .

پیشنهادی : دوره آموزش جامع سئو ( نابغه سئو )

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

بنابراین باید در اینگونه موارد ، توسط نشانه های اسکیما که برای ویدیو وجود دارند ، به خزنده ها تفهیم کنیم که ویدیو داخل صفحه ، در مورد چه موضوعی بوده ، در چه تاریخی آپلود شده ، مدت زمان آن چقدر بوده و … پس این موارد باید توسط نشانه های معنایی در پشت پرده کدهای صفحه در اختیار خزنده ها قرار گیرد . در کدگذاری های اسکیما ، برخی موارد اجباری و برخی اختیاری هستند . زمانی که شما پارامتر های اصلی برای اسکیمای ویدیو را به درستی قرار دهید ، در داخل گوگل سرچ کنسول شما ، قسمت مربوط به Video Pages نشان داده خواهد شد که میتوانید به راحتی جزئیات دقیق هر ویدیو که توسط گوگل با اسکیمای دقیق آن ایندکس شده است را مشاهده کنید .

همانطور که میدانید ، محتوای ویدیویی ، یکی از بهترین و شاخص ترین انواع محتوا برای پربار کردن محتوای صفحه است و شما میتوانید با افزودن ویدیو به محتوای صفحات کلمات کلیدی ، ارزش و اعتبار آنها را افزایش دهید ؛ اما بشرطی که جزئیات این ویدیو را به درستی در اختیار خزنده ها قرار دهید . برای ویدیو یک نمونه کد اسکیما را در زیر مشاهده می‌کنید که با ساختار json قرار گرفته است :

<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "VideoObject",
"name": "Your Video Name",
"description" : "Your Video Description",
"uploadDate": "2024/01/01",
"duration": "PT4M5s",
"contentUrl" : "Video Url",
"thumbnailUrl" : "Video Thumbnail Url"
}
</script>

در این کد همانطور که مشاهده می‌کنید ، 6 عنصر مهم را باید برای ویدیو تنظیم کنید ، اولین گزینه name است که باید به شکل فارسی ( در سایت های فارسی ) وارد کنید و بهتر است نهایتا 100 تا 150 حرف باشد ، مورد دوم description است که توضیحاتی در مورد ویدیو شما را معرفی خواهد کرد و بهتر است نهایتا 300 کلمه باشد ، گزینه بعدی uploadDate است که تاریخ آپلود ویدیو شما بوده و باید دقیقا همانند الگو وارد شود ، مورد بعدی duration است که مقدار آن به شکل PT4M5s است و در داخل آن منظور از 4M یعنی 4 دقیقه و منظور از 5s یعنی 5 ثانیه ، به عبارتی این ویدیو ، یک ویدیوی 4 دقیقه و 5 ثانیه‌ای است . گزینه بعدی در داخل این ساختار اسکیما ، contentUrl است و باید آدرس اینترنتی آپلود ویدیو خودتان را در این قسمت قرار دهید ، و نهایتا thumbnailUrl که آدرس تصویر شاخصی است که برای ویدیو خودتان درنظر خواهید گرفت .

اسکیمای ویدیو با وردپرس

کدی که در بالا خدمت شما ارائه شده است به روش json است و شما برای اینکه این کد را در داخل سورس صفحه تولید کنید باید قسمت هایی همچون آدرس ویدیو ، مدت زمان ، تصویر شاخص و … را توسط کدهای برنامه نویسی استخراج کرده و آنها را به شکل صحیح جای گذاری کنید . اما در وردپرس اگر از افزونه یواست استفاده کنید ، خواهید دید که این افزونه برای سئو ویدیو دارای افزونه های جانبی است ! اما این افزونه جانبی همانند افزونه یواست سئو ، رایگان نیست و باید خریداری شود !

اما اکنون برای اشخاصی که توانایی خرید این افزونه کمکی را ندارند چه باید کرد ؟ در سایت سئو نود با استفاده از دسترسی به قسمت رسانه ، که اساسا یک پست تایپ برای وردپرس است ، از طریق شناسه فایل های آپلود شده در داخل وردپرس ، اطلاعات آن را از پایگاه داده استخراج نموده و توسط  یک کد کوتاه ( شورت کد ) ، با تنظیم عنوان و توضیحات ، اسکیمای مربوط به ویدیو را در داخل کدهای صفحه قرار میدهیم ، اما آیا روشی برای کدگذاری دستی اسکیما در اچ تی ام ال نیز وجود دارد ؟ باید گفت بله !

اسکیمای ویدیو به روش html

اگر به کد پروژه خودتان دسترسی دارید میتوانید به کمک کدهای اچ تی ام ال نیز از اسکیما استفاده کنید ، یک نمونه کد اچ تی ام ال برای ایجاد اسکیما جهت ویدیو را در زیر مشاهده می‌کنید  :

<div itemscope itemtype="http://schema.org/VideoObject" > 

<!--Specify the object type-->
    <a itemprop="url" href="https://www.mysite.com/view/306/">
    <h1 itemprop="name">What is Schema.org</h1></a>
    <p itemprop="description">Schema.org is a semantic markup standard that was set by the search engines Google, Bing, and Yahoo! in the summer of 2011. The purpose of semantic markup is to make the internet more understandable and structured and to make it easier for search engines and special programs to extract and process information for its convenient presentation in search results.</p>
    <meta itemprop="duration" content="PT6M58S">
    <meta itemprop="isFamilyFriendly" content="true">
    <p>Upload date:<span itemprop="uploadDate">2013-06-05T00:00:00</span></p>
    <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> 
    <img itemprop="contentUrl" src="https://www.mysite.com/images/preview/img1.jpg">
    <meta itemprop="width" content="250">
    <meta itemprop="height" content="120">
    </span>

</div>

البته دقت داشته باشید که اگر قصد ندارید تا تاریخ آپلود ویدیو یا همان قسمت ” uploadDate ” در داخل صفحه چاپ نشود ، آن را نیز در داخل تگ های meta قرار دهید تا در داخل خروجی صفحه شما برای کاربران نمایش داده نشود . درکل با این کد میتوانید ساختار کلی ویدیو را برای خزنده های موتور های جستجو قابل فهم کنید و وارد بخش های کدنویسی نیز نشوید . همچنین یک نمونه اسکیمای کامل به روش json را نیز در زیر مشاهده می‌کنید که آیتم های بیشتری برای درج در داخل آن وجود دارد و توجه داشته باشید که اصلی ترین پارامتر ها یا به عبارتی پارامتر های الزامی که نبودن آنها باعث وجود اشکال در ایندکس ویدیو ها خواهد شد ، در قسمت اول کدها خدمتتان معرفی شد و شما حتما برای یک ویدیو باید تمامی 6 پارامتر ذکر شده را تنظیم کنید تا اسکیمای شما به درستی ایندکس شود . سایر موارد که در قطعه کد زیر وجود دارند المان های اختیاری هستند که پس از 6 المان اجباری ، میتوانید آنها را نیز تنظیم کنید .

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "VideoObject",
      "name": "Introducing the self-driving bicycle in the Netherlands",
      "description": "This spring, Google is introducing the self-driving bicycle in Amsterdam, the world’s premier cycling city. The Dutch cycle more than any other nation in the world, almost 900 kilometres per year per person, amounting to over 15 billion kilometres annually. The self-driving bicycle enables safe navigation through the city for Amsterdam residents, and furthers Google’s ambition to improve urban mobility with technology. Google Netherlands takes enormous pride in the fact that a Dutch team worked on this innovation that will have great impact in their home country.",
      "thumbnailUrl": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "uploadDate": "2016-03-31T08:00:00+08:00",
      "duration": "PT1M54S",
      "contentUrl": "https://www.example.com/video/123/file.mp4",
      "embedUrl": "https://www.example.com/embed/123",
      "interactionStatistic": {
        "@type": "InteractionCounter",
        "interactionType": { "@type": "http://schema.org/WatchAction" },
        "userInteractionCount": 5647018
      },
      "regionsAllowed": "NL"
    }
    </script>

اکنون یک سوال مهم وجود دارد !

استقاده از روش json بهتر است یا html ؟

اکنون این سئوال پیش می آید که استفاده از روش های json بهتر است یا روش html ؟ طبق تجربه و مشاهدات در این زمینه ، استفاده از روش json به هیچ عنوان باعث ایجاد مشکل در ایندکس نخواهد شد و به سرعت و در اولین تایم ورود خزنده ها به وب سایت شما ، شناسایی ویدیو انجام خواهد شد ، اما استفاده از ویژگی های itemprop در داخل کدهای html معمولا با سرعت کمتری شناسایی می شود و بعد ها مشکلاتی را در گوگل کنسول برای شما نمایان خواهد کرد و توسط خزنده ها به درستی ایندکس نخواهد شد . بنابراین حدالامکان باید از روش اسکیماگذاری در داخل json استفاده شود .

استفاده از روش json ممکن است برای شما سخت باشد اما به دلیل اهمیت وجود ویدیو در داخل محتوا و ارزش بالای ایندکس شدن آن ، میتوانید با پرداخت هزینه اندکی به یک برنامه نویس ، امکان ایجاد خودکار اسکیمای ویدیو در صفحه را انجام دهید . ( میتونید از ما هم کمک بگیرید در خدمتتون هستیم )