Close Menu

    Subscribe to Updates

    Get the latest creative news from FooBar about art, design and business.

    What's Hot

    Telescope is Revealing the Galaxies of the Universe Like Never Before

    15 September 2024

    DayZ Cheats by SafestCheats: Unleashing the Ultimate Edge

    15 September 2024

    Career Advancement Tips: 7 Easy Steps to Success

    14 September 2024
    Facebook X (Twitter) Instagram
    • Home
    • About
    • Disclaimer
    • Advertise
    • Privacy
    • Contact
    • DMCA Policy
    Facebook X (Twitter) Instagram Pinterest Vimeo
    Soft2share.com
    • Tech News
    • Business
    • Android
    • Gaming
    • Softwares
    • Gadgets
    • Blockchain
    Subscribe
    Soft2share.com
    Home»Internet»How To use Schema to Mark Up Webpages
    Internet

    How To use Schema to Mark Up Webpages

    Soft2share.comBy Soft2share.com3 April 2016No Comments4 Mins Read
    Share Facebook Twitter Pinterest LinkedIn Tumblr Reddit Telegram Email
    Share
    Facebook Twitter LinkedIn Pinterest Email

    HTML tags are the lifeline of a web page document. They instruct browsers how to display information enclosed in the tags.Whether you need to add a text in the header section, link the text to an external web page; set alignment of it  or change font color, type and size , HTML tags do everything and beyond.A properly marked up webpage can improve your site’s search engine optimisation by signaling to search engines what is important on your site. However, there are limitations too.

    schema-org-example

     

    Limitations of markup language:

    When it comes to displaying relevant content to search engines HTML tags alone can’t fulfill the purpose.  HTML tags do not tell browsers what the text means. That is why, search engines have a tough time to understand tags and apply their intelligence so as to display relevant content to searchers.

    For example, if a text in your web page document is ‘Harry Potter’, HTML tags associated with it cannot describe if it is a name of a movie, a popular fiction character or a collection of books. This makes the jobs of search engine more difficult. They need to find relevancy of the textwith searcher’s query.

     

    New Age Markup Language with Schema

    Using Schemas (http://schema.org/)onyour web pages can make a whole lot of difference to how HTML tags relay webpage information and how search engines can makeintellligent use of those HTML tags. Schema.org offers a collection of vocabularies that website developers and programmers can use to solve the purpose.By adding schema vocabularies (along with microdata format) to HTML content , it is possible to build meaningful  HTML tags that popularsearch engines can understand and relate.

    What is schema?

    Schemas are the html tags that web developers can use to markup  web pages so that search engines can identify them and use them to display better search results.

    What ismicrodata?

    HTML microdatais a machine readable data that can be embedded in HTML documents. Microdata can be integrated to HTML5 documents in an easy-to-write manner. These data are also compatible with any other formats such as JSON  and RDF. The latest version of HTML5 microdata was released on 25th October 2012 and it is available at http://www.w3.org/TR/microdata/

     

    What should you use microdata?

    Usually websites are developed from structured data which are stored in databases. When these data are formatted into HTML , it becomes almost impossible to recover the original structured data. Search engines prefer accessing structured data in order to provide relevant search results. By using shared Schema vocabularies webmasters can decide a markup schema for their webpages that is search engine-friendly .

     

    How do you mark up web page content by using microdata?

    Microdata contains group of name-value pairs. The groups are termed as ‘Items’ whereas each of the  name-value pairs is called ‘Property’. ‘Itemtype’ is another attribute that specifies the nature of the item.These items and properties are regular elements. To create items you need to use ‘itemscope’ attribute and to add a property you have to use ‘itemprop’ attribute.  An item can have different properties and property can have different values (alsocalled ‘strings’).

    Here is a simple example of how microdata look like within an HTML format –

    <div itemscopeitemtype =”http://www.harrypotter.com/Movie”>

    <h1 itemprop=”name”&g;Harry Potter</h1>

    <div itemprop=”producer” itemscopeitemtype=” http://www.harrypotter.com/Person”>

    Producer: <span itemprop=”name”>David Heyman</span> (born <span itemprop=”birthDate”>July 26, 1961)</span>

    </div>

    <span itemprop=”genre”>MotionPicture</span>

    <a href=”../movies/harry-potter-theatrical-trailer.html” itemprop=”trailer”>Trailer</a>

    </div>

     

    From the above markup data search engines can easily understand –

    http://www.harrypotter.com is a URL and it is related to motion picture movie Harry Potter which was produced by David Heyman who was born on 26th July 1961

    What is Schema vocabulary?

    We know that not all web pages display same type of content. There could be various item types and properties for each of the item type. ‘Thing’ is the broader version of any item type which consists of four properties such as name, description, image and URL. More specific item type shares properties with broader item type.  Thus there are different setof commonitem types one may use.  These are person, organization, place , event, Local business, Product offer, book, movie, music recording , recipe , review and more.  There is a full list of item types you may find on http://schema.org/docs/full.html.

     

    The whole objective of applying schemas to your web page is to make it more search engine-friendly.  The days have gone when a developer could get away with basic form of markup language (HTML). Today you need to help search engines to know you better and that too from human perspectives.

    For more technical SEO tips visit the WebMarketing Group website.

     

     

     

     

     

     

     

    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
    Previous ArticleTricks to Access Blocked Sites Easily
    Next Article Knowing some of the best benefits of using multimode fibre optics cable
    Soft2share.com
    • Website

    Related Posts

    Internet

    Chart Patterns vs Candlestick Patterns

    15 January 2024
    Internet

    Buy Psychedelics Online Canada for a Better Mood

    17 November 2023
    Internet

    Unlocking the Power of Disposable Virtual Numbers: Your Ultimate Guide to Enhanced Security and Privacy

    24 October 2023
    Add A Comment
    Leave A Reply

    You must be logged in to post a comment.




    Top Posts

    Compiler Design: Improving and Measuring Compiler Speed for compiler designers.

    2 September 202443 Views

    CorelDraw X7 Serial Number 64/32 Bit Activation Code

    25 January 202128 Views

    Career Advancement Tips: 7 Easy Steps to Success

    14 September 202424 Views
    Stay In Touch
    • Facebook
    • YouTube
    • TikTok
    • WhatsApp
    • Twitter
    • Instagram
    Latest Reviews
    85
    Featured Reviews

    Pico 4 Review: Should You Actually Buy One Instead Of Quest 2?

    Soft2share.com15 January 2021
    8.1
    Blog

    A Review of the Venus Optics Argus 18mm f/0.95 MFT APO Lens

    Soft2share.com15 January 2021
    8.9
    Featured Reviews

    DJI Avata Review: Immersive FPV Flying For Drone Enthusiasts

    Soft2share.com15 January 2021

    Subscribe to Updates

    Get the latest tech news from Soft2share about tech, design and biz.

    Facebook X (Twitter) Instagram Pinterest
    • Home
    • About
    • Disclaimer
    • Advertise
    • Privacy
    • Contact
    • DMCA Policy
    © 2024 Soft2share.com. Designed by Soft2share Team.

    Type above and press Enter to search. Press Esc to cancel.