ব্লগিংয়ের জন্য স্কিমা.আর.জি ব্যবহার: নিবন্ধ ভিএস ব্লগপোস্টিং


23

আমি এখন কিছু সময়ের জন্য আমার ওয়েবসাইটটি পুনর্নির্মাণ করছি এবং আমি যত তাড়াতাড়ি সম্ভব এটি চালু করতে চাই তবে সম্ভব হলে আমি এটিকে শীর্ষস্থানীয় করতে চাই। আমি বর্তমানে একটি পরিবর্তিত টেম্পলেট ব্যবহার করছি (আমি জানি! ওয়েব ডিজাইনার টেম্পলেট টুট টুট ব্যবহার করছেন… তবে দীর্ঘ গল্পের সংক্ষিপ্ত বিবরণটি একটি লাইভ ওয়েবসাইট পাওয়ার পাশাপাশি ব্যবসায় অনুদানের জন্য একটি ব্যবসায়িক পরিকল্পনা করার জন্য আমার এক সপ্তাহ ছিল এবং অপারেটিং করার পরে আমি কাজ করছি) গত 2 মাস এবং এর চিলজোর পর্যন্ত ফ্ল্যাট আউট! যা দুর্দান্ত!)। সরানো!

যদিও নকশাটি গুরুত্বপূর্ণ আমিও মার্কআপ ব্যবহারের বিষয়ে গভীর আগ্রহ নিতে চাই, আমার যে সমস্যাটির মুখোমুখি হচ্ছে তা হ'ল স্কিমা.আর.জি.ইউইউজিও ভ্যাগ! এবং এটি আমার মস্তিষ্ককে পুরোপুরি আঘাত করছে।

প্রশ্নটি একই সময়ে বরং বরং জটিল, আপনি কোনটিকে সবচেয়ে ভাল বলে মনে করেন:

  1. itemtype = "http://schema.org/Article"
  2. itemtype = "http://schema.org/BlogPosting"

এটি উল্লেখ করার মতো যে আমি এরই মধ্যে কিছু গবেষণা করেছি এবং অনুমানযোগ্য যে কোনও ব্লগ পোস্ট এবং স্কিমা.অর্গের বাইরের সংজ্ঞা অনুসারে একটি নিবন্ধের মধ্যে পার্থক্য হ'ল ব্লগ পোস্টিং সাধারণত 50 শব্দ থেকে 400 শব্দের মধ্যে থাকে যেখানে সাধারণত নিবন্ধ থাকে আরও বিশদযুক্ত এবং উপরে 500 শব্দ রয়েছে। কিন্তু স্কিমা.আরোগ.org দেখে তারা একটি নিবন্ধ ম্যাগাজিন এবং সংবাদপত্রের সাথে যুক্ত করে, নিশ্চয়ই এটি ঠিক নয়?

এছাড়াও 'কীওয়ার্ডস' স্কিমা হিসাবে বিভাগগুলি ব্যবহার করা কি ভাল বা খারাপ ধারণা?

এটা আমার বর্তমান মার্কআপ এবং আমি বর্তমান মার্কআপ উন্নতি, সম্ভবত এমনকি খারাপ অভ্যাস ইশারা কোন অতিরিক্ত সমালোচনা বা পরামর্শ স্বাগত জানাই <p>, উপরন্তু আপনি এটি অনলাইনে দেখতে পারেন এখানে এবং কিভাবে Google এই দেখেন এখানে

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="101 Ways of Grabbing Your Audience Less than 0.1secs" href="#just-a-test2">101 Ways of Grabbing Your Audience Less than 0.1secs</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-12</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup2.png" alt="markup2"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test2">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="10 Top Design Tips" href="#just-a-test1">10 Top Design Tips</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-11</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup1.png" alt="markup1"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test1">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

সম্পাদনা করুন:

আমি এখন ব্যবহার করছি:

<article itemscope itemtype="http://schema.org/BlogPosting">

    <header>
        <h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
        <dl>
            <dt>Publish Date:</dt>
            <dd><time itemprop="datePublished">2013-01-25</time></dd>
            <dt>Authors:</dt>
            <dd><a rel="author" href="#">Author Name</a></dd>
        </dl>
    </header>  

    <div class="blog-container">
        <a title="Title Description" class="th" href="#">
            <img width="870" height="400" itemprop="image" alt="Alt Text here" class="post" src="#">
        </a>
        <p itemprop="description">A long but not to long decription</p>
        <a itemprop="url" title="Title Description" href="#" class="creading">Continue Reading</a>
    </div>

    <footer>
        <dl>
            <dt>Filed Under:</dt> 
            <dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Responsive Design</a></dd>
            <dd itemprop="keywords"> <a rel="category" title="View all posts in Website Design" href="#">Website Design</a></dd>
        </dl>
    </footer>

</article>

উত্তর:


24

স্কিমা.অর্গ: আর্টিকেল, ব্লগপোস্টিং

যদি কিছু স্কিমা হয়: ব্লগপোস্টিং, এটি একটি স্কিমা: অনুচ্ছেদও, তাই না? স্কিমা হিসাবে: ব্লগপোস্টিং একটি আরও সুনির্দিষ্ট স্কিমা: নিবন্ধ :

আরও নির্দিষ্ট ধরণের

  • BlogPosting
  • খবরের শিরোনাম
  • ScholarlyArticle

সুতরাং আপনার একটি স্কিমা রয়েছে: আর্টিকেল, এবং এখন আপনি সিদ্ধান্ত নিতে পারেন যে এই আরও নির্দিষ্ট ধরণের কোনও একটি আপনার সামগ্রীতে প্রযোজ্য কিনা। তা না হলে স্কিমা নিয়ে থাকুন: আর্টিকেল।

HTML5 এর

  • লিঙ্কটিতে titleঅ্যাট্রিবিউটের প্রয়োজন নেই bookmark(এটিতে একই সামগ্রী রয়েছে)।

  • আপনি প্রকাশের তারিখগুলির জন্য timeউপাদানটি ব্যবহার করতে পারেন ।

  • আমি প্রকাশের তারিখ এবং লেখকের জন্য একটি উপ-শিরোনাম ব্যবহার করব না, কারণ আমি মনে করি না এটি কোনও বিকল্প শিরোনাম বা ট্যাগলাইন (যদিও আপনার প্রকৃত সামগ্রীর জন্য উপযুক্ত হতে পারে)। পরিবর্তে, আমি এগুলিকে একটি footerউপাদানটিতে অন্তর্ভুক্ত করব :

    একটি footerবিভাগে সাধারণত এর বিভাগ সম্পর্কে তথ্য থাকে যেমন এটি কে লিখেছিল…

  • আমি কোনও pউপাদানটিতে ছবিটি অন্তর্ভুক্ত করব না । আপনি কোনও "ধারক" উপাদান বাদ দিতে পারেন বা divআপনার প্রয়োজন হলে একটি ব্যবহার করতে পারেন।

  • "সম্পূর্ণ নিবন্ধটি পড়ুন ..." লিঙ্কটি এর মধ্যে থাকা উচিত নয় footer। আমি navউপাদানটি ব্যবহার করব , কারণ এটি বিভাগীয় উপাদান (→ article) এর প্রধান নেভিগেশন ।

  • আমি কীওয়ার্ডগুলির জন্য একটি dlউপাদান (বা ক ul) ব্যবহার করব।

সুতরাং একটি নিবন্ধ দেখতে পারে:

<article itemscope itemtype="http://schema.org/Article">

  <h1 itemprop="name headline"><a rel="bookmark" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> 
  <!-- no need for 'header', but can be added if needed -->

  <footer>
    Publish Date: <time itemprop="datePublished">2013-01-25</time> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a>
    <!-- 'dl' could be used if you use "Author:" instead of "by:" -->
  </footer>

  <img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3">

  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>

  <nav>
    <a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a>
  </nav>

  <footer>
    <dl>
      <dt>Filed Under</dt>
      <dd itemprop="keywords"><a href="#">Responsive Design</a></dd>
      <dd itemprop="keywords"><a href="#">Website Design</a></dd>
    </dl>
  </footer>

</article>

1
+1 এই ধরণের তথ্য এবং পরামর্শ আমি সন্ধান করছি! মানুষের কোনও ধারণা থাকলে অতিরিক্ত মাইক্রোডাটা ব্যবহারে আমার আপত্তি নেই!
সাইমন হাইটার

আমি মনে করি আপনি রিল্ক বুকমার্কের সাথে ভুল হতে পারেন, যতক্ষণ না আমি বিশ্বাস করতে পারি যে শিরোনামটি হভার ওভার হিসাবে কাজ করে বুকমার্কের পার্মালিঙ্ক সংজ্ঞায়িত করার সময় অতিরিক্ত তথ্য সরবরাহ করার অনুমতি দেয়। শিরোনাম ট্যাগটি সরিয়ে ফেলা নিষ্ক্রিয় করে - কমপক্ষে ফায়ারফক্সে উদ্বিগ্ন।
সাইমন হাইটার

1
দেখে মনে হচ্ছে একাধিক কীওয়ার্ড প্রথম নজরে অনুমোদিত: স্ট্যাকওভারফ্লো.com
সাইমন হাইটার

আমি সবেমাত্র কিছু নতুন কোড দিয়ে আপডেট করেছি, আপনি কি মনে করেন?
সাইমন হাইটার

@ বাইবে: titleবৈশিষ্ট্যটি সম্পর্কে : হ্যাঁ, তখন টুলটিপটি অনুপস্থিত। তবে মুল বক্তব্যটি হ'ল: এখানে লিখিতভাবে অ্যাঙ্কারে একই বিষয়বস্তু উপস্থিত থাকায় এখানে সরঞ্জামদণ্ডের প্রয়োজন নেই । titleবৈশিষ্ট্যের বিষয়বস্তু এখানে কোনও নতুন তথ্য দেয় না। উদাহরণস্বরূপ, কিছু স্ক্রিনেডার ব্যবহারকারীদের জন্য একই বিষয়বস্তু দু'বার পড়বে।
আনার

4

আমার দর্শন এবং অভিজ্ঞতায় ব্লগের পোস্টের জন্য ব্লগ পোস্ট স্কিমা ব্যবহার করা উচিত। এটিতে কোনও ব্লগ পোস্টে আপনার প্রয়োজন হতে পারে এমন সমস্ত বৈশিষ্ট্য রয়েছে (তবে এটি নিবন্ধের স্কিমাও করে)।

কোনও সার্চ ইঞ্জিন স্কিমার মাধ্যমে প্রদত্ত তথ্যকে যত বেশি ব্যবহার করে, আপনার বিষয়বস্তু সঠিকভাবে চিহ্নিত করতে পারলে (চিহ্নিত করা হয়) তত বেশি প্রাসঙ্গিক হয়ে ওঠে। আমি কোনও সংবাদ বা শিক্ষামূলক সংস্থার দ্বারা প্রকাশিত সামগ্রী এবং আরও সরকারী অফিসিয়াল ডকুমেন্টেশন বা কাগজপত্রগুলির পছন্দগুলির সাথে নিবন্ধগুলির স্কিমা যুক্ত করব।

এই প্রশ্নের সাথে সদৃশ বিবেচনা করা যেতে পারে এই এক

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.