Jump to content

Community

Schema Markup for Top Answer Cards


Recommended Posts

Posted (edited)

Thanks for reply.

But could you give me an example of Invision Community forum where Google showed the "Top Answer" Card? At least once? because I haven't found a single one.

Maybe it is not fully implemented correctly?

Edited by SeNioR-
Link to comment
Share on other sites

16 minutes ago, SeNioR- said:

Thanks for reply.

But could you give me an example of Invision Community forum where Google showed the "Top Answer" Card? At least once? because I haven't found a single one.

Maybe it is not fully implemented correctly?

I cannot, I haven't actually seen these display for any site yet.

As I note though, with a lot of the structured data, it's completely upto the search engine what they choose to display. We support it, and the data is there so it will be used if they deem it to be suitable.

Link to comment
Share on other sites

3 hours ago, SeNioR- said:

Thanks for reply.

But could you give me an example of Invision Community forum where Google showed the "Top Answer" Card? At least once? because I haven't found a single one.

Maybe it is not fully implemented correctly?

I don't know what about Google, but Yandex is able to display useful answers from IPS to the main widget.

740745176_2021-04-27200656.thumb.png.38f299f46d71dd811ad8054f153861de.png

Link to comment
Share on other sites

  • 3 weeks later...
Posted (edited)

@Stuart SilvesterI took a closer look at it and it looks like Google support only QAPage tag to display answer cards. Google Documentation

I suggest adding a DiscussionForumPosting tag for a forum with "Questions" mode enabled and a QAPage tag for regular topics. This solution is used by Flarum.

Discourse

discoruse-qa.thumb.png.fc9f51136dec5f53c68e26890f13cf78.png

<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "QAPage",
        "name": "Masterhost.space",
        "mainEntity": {
            "@type": "Question",
            "name": "Masterhost.space",
            "text": "What phone do you have? mot 5G\n\nWhat plan are you on?\n\nDoes your plan include data, or just talk &amp; text?\n\nIssue Description",
            "upvoteCount": 0,
            "answerCount": 1,
            "dateCreated": "2021-01-07T12:44:44.593Z",
            "author": { "@type": "Person", "name": null },
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Here is another forum thread on the same topic. The user seemed to track the issue to a barcode scanner app that was serving the masterhost.space popups.\n\n[image]\n\n<a href=\"https://forums.republicwireless.com/t/popup-and-or-virus-on-moto-g-power/35118\">Popup and/or virus on Moto G Power<\/a> <a class=\"badge-wrapper  none\" href=\"/c/problems/10\">Problem Solving<\/a>\n\nMoto G Power, Android 10\n\nI picked up a messy “something” &hellip;",
                "upvoteCount": 3,
                "dateCreated": "2021-01-07T12:49:08.671Z",
                "url": "https://forums.republicwireless.com/t/masterhost-space/35273/2",
                "author": { "@type": "Person", "name": "cbwahlstrom" }
            }
        }
    }
</script>

Flarum

<script type="application/ld+json">
    [
        {
            "@context": "http:\/\/schema.org",
            "@type": "QAPage",
            "publisher": {
                "@type": "Organization",
                "name": "DevNL - Developers community",
                "url": "https:\/\/www.devnl.nl",
                "description": "Wij zijn DevNL, een community gericht op developers. Wij bouwen sites, games en ander soort projecten. Probleem met je code? Maak een topic en we helpen je!",
                "logo": "https:\/\/www.devnl.nl\/assets\/logo-zczh01tk.png"
            },
            "image": "https:\/\/www.devnl.nl\/assets\/site-image-zosdt6lu.png",
            "headline": "CSS Transitions",
            "datePublished": "2021-03-26T10:26:44+00:00",
            "description": "Hallo! Ik hoop dat jullie mij momenteel verder kunnen helpen, ik loop namelijk tegen een klein probleem in CSS aan met mijn transitions. Ik heb namelijk een...",
            "dateModified": "2021-03-26T10:27:50+00:00",
            "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions",
            "mainEntity": {
                "@type": "Question",
                "name": "CSS Transitions",
                "text": "\u003Cp\u003EHallo!\u003C\/p\u003E\n\n\u003Cp\u003EIk hoop dat jullie mij momenteel verder kunnen helpen, ik loop namelijk tegen een klein probleem in CSS aan met mijn transitions. Ik heb namelijk een header gemaakt en bij een hover wil ik dat de box-shadow langzaam erbij komt dus niet als een klap in het gezicht erbij komt. Dit met het \"erin komen\" werkt volledig, maar ik wil ook als ik mijn muis er dan weer afhaal dat dit op de zelfde manier \"eruit gaat\", echter, wil dit niet lukken om het werkend te krijgen.\u003C\/p\u003E\n\n\u003Cp\u003E\u003Cstrong\u003EHTML\u003C\/strong\u003E\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode class=\"language-HTML\"\u003E&lt;li&gt;&lt;a href=\"#\"&gt;Naam&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Naam&lt;\/a&gt;&lt;\/li&gt;\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E\n\n\u003Cp\u003E\u003Cstrong\u003ECSS\u003C\/strong\u003E\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode class=\"language-CSS\"\u003Eli {\n    list-style: none;\n    padding: 20px;\n}\n\nli &gt; a {   \n    padding: 10px 20px;\n    color: #929292;\n    text-decoration: none;\n}\n\nli &gt; a:hover,\nli &gt; a:focus {\n\tbox-shadow: inset 0 -3px 0 0 #ff7600;\n\t-webkit-transition: all 0.8s ease-in-out;\n    transition: all 0.8s ease-in-out;\n\tcolor: #ff7600;\n\tborder-color: orange;\n}\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E\n\n\u003Cp\u003EIk hoop dat iemand hier mij verder op weg kan helpen ermee.\u003C\/p\u003E\n\n\u003Cp\u003EBedankt, Laurent.\u003C\/p\u003E\n",
                "dateCreated": "2021-03-26T10:26:44+00:00",
                "author": { "@type": "Person", "name": "Laurent" },
                "answerCount": 4,
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "\u003Cp\u003EMomenteel zet je de transition op je \":hover\"\/\":focus\". Hier door komt de transition alleen op je element wanneer je hovert. Om altijd een transition te krijgen moet je hem op je element zelf zetten:\u003C\/p\u003E\n\n\u003Cpre\u003E\u003Ccode\u003Eli {\n    list-style: none;\n    padding: 20px;\n}\n\nli &gt; a { \n   padding: 10px 20px;\n   color: #929292;\n   text-decoration: none;\n   -webkit-transition: all 0.8s ease-in-out;\n   transition: all 0.8s ease-in-out;\n}\n\nli &gt; a:hover,\nli &gt; a:focus {\n    box-shadow: inset 0 -3px 0 0 #ff7600;\n    color: #ff7600;\n    border-color: orange;\n}\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E",
                    "dateCreated": "2021-03-26T10:29:38+00:00",
                    "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/2",
                    "author": { "@type": "Person", "name": "Dennis" },
                    "upvoteCount": 2
                },
                "suggestedAnswer": [
                    {
                        "@type": "Answer",
                        "text": "\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/u\/Dennis\" class=\"UserMention\" rel=\"\" target=\"\"\u003E@Dennis\u003C\/a\u003E dank voor het reageren! Je het hierbij inderdaad mijn probleem opgelost. Voor het vervolg moet ik hem dus altijd in m'n element zelf zetten zoals ik je begrijp toch? Dus nooit in iets als \u003Ccode\u003E:hover\u003C\/code\u003E of \u003Ccode\u003E:focus\u003C\/code\u003E?\u003C\/p\u003E\n\n\u003Cp\u003ESorry voor de dubbele vraag, wil het even 100% zeker weten zodat ik het de volgende keer niet fout doe.\u003C\/p\u003E",
                        "dateCreated": "2021-03-26T10:34:28+00:00",
                        "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/3",
                        "author": { "@type": "Person", "name": "Laurent" },
                        "upvoteCount": 0
                    },
                    {
                        "@type": "Answer",
                        "text": "\u003Cblockquote class=\"uncited\"\u003E\u003Cdiv\u003E\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/d\/335\/3\" class=\"PostMention\" data-id=\"1893\" rel=\"\" target=\"\"\u003ELaurent\u003C\/a\u003E \u003Ca href=\"https:\/\/www.devnl.nl\/u\/Dennis\" rel=\"ugc noopener\" target=\"_self\"\u003E@Dennis\u003C\/a\u003E dank voor het reageren! Je het hierbij inderdaad mijn probleem opgelost. Voor het vervolg moet ik hem dus altijd in m'n element zelf zetten zoals ik je begrijp toch? Dus nooit in iets als :hover of :focus?\u003C\/p\u003E\n\n\u003Cp\u003ESorry voor de dubbele vraag, wil het even 100% zeker weten zodat ik het de volgende keer niet fout doe.\u003C\/p\u003E\u003C\/div\u003E\u003C\/blockquote\u003E\n\n\u003Cp\u003EDat heb je inderdaad goed begrepen, als je ze voortaan in je element zet zou het niet voor problemen moeten zorgen. En anders kan je altijd op DevNL terecht voor hulp. Fijn om te lezen dat Dennis je heeft kunnen helpen!\u003C\/p\u003E",
                        "dateCreated": "2021-03-26T10:42:26+00:00",
                        "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/4",
                        "author": { "@type": "Person", "name": "Mitchel" },
                        "upvoteCount": 1
                    },
                    {
                        "@type": "Answer",
                        "text": "\u003Cblockquote class=\"uncited\"\u003E\u003Cdiv\u003E\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/d\/335\/4\" class=\"PostMention\" data-id=\"1894\" rel=\"\" target=\"\"\u003EMitchel\u003C\/a\u003E Dat heb je inderdaad goed begrepen, als je ze voortaan in je element zet zou het niet voor problemen moeten zorgen. En anders kan je altijd op DevNL terecht voor hulp. Fijn om te lezen dat Dennis je heeft kunnen helpen!\u003C\/p\u003E\u003C\/div\u003E\u003C\/blockquote\u003E\n\n\u003Cp\u003EDank beide voor jullie reactie, hier denk ik de volgende keer wel beter over na!\u003C\/p\u003E\n",
                        "dateCreated": "2021-03-26T10:45:08+00:00",
                        "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/5",
                        "author": { "@type": "Person", "name": "Laurent" },
                        "upvoteCount": 1
                    }
                ]
            }
        },
        { "@context": "http:\/\/schema.org", "@type": "BreadcrumbList", "itemListElement": { "@type": "ListItem", "name": "Vragen", "item": "https:\/\/www.devnl.nl\/t\/hulp-nodig", "position": 2 } },
        {
            "@context": "http:\/\/schema.org",
            "@type": "WebSite",
            "url": "https:\/\/www.devnl.nl\/",
            "potentialAction": { "@type": "SearchAction", "target": "https:\/\/www.devnl.nl\/?q={search_term_string}", "query-input": "required name=search_term_string" }
        }
    ]
</script>

 

 

Edited by SeNioR-
Link to comment
Share on other sites

  • 3 weeks later...
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy