{"id":1513866,"date":"2024-09-04T12:05:39","date_gmt":"2024-09-04T12:05:39","guid":{"rendered":"https:\/\/davidcarralon.com\/herramientas\/generador-de-esquemas\/article"},"modified":"2026-05-15T17:30:15","modified_gmt":"2026-05-15T17:30:15","slug":"article","status":"publish","type":"page","link":"https:\/\/davidcarralon.com\/es\/herramientas\/generador-de-esquemas\/article","title":{"rendered":"Article Schema"},"content":{"rendered":"\n<div class=\"jpsg-container\">\n\n    <h2>Article Schema Generator<\/h2>\n        <p>My Schema tool will generate compliant Json-LD structured data based \n        on your required field. Each field will generate an item property<\/p>\n        \n        <div class=\"jpsg-buttons\">\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/website\"> Website<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/organization\"> Organization<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/breadcrumbs\"> Breadcrumbs<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/article\"> Article<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/localbusiness\"> Local Business<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/product\"> Product<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/event\">Event<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/video\">Video<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/recipe\">Recipe<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/aggregaterating\">Aggregate Rating<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/jobposting\">Job Postings<\/a> <\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/FAQ\">FAQ<\/a><\/button>\n            <button ><a href=\"https:\/\/davidcarralon.com\/tools\/schema-generator\/medicalschema\">Medical Schema<\/a><\/button>\n        <\/div>\n    <div class=\"row\">\n    <div class=\"column\" id=\"schema-output\">\n        <h3 id=\"generatedSchema\" style=\"display:none;\">Generated JSON-LD:<\/h3>\n        <h3 id=\"dataSample\">Structured data sample for \u2018Article\u2019 Schema <\/h3>\n\n        <pre class=\"textDavid\" id=\"textDavid\">\n            \n{\n\"@context\": \"http:\/\/schema.org\",\n\"@type\": \"Article\",\n\"headline\": \"Free Article Schema Markup Generator\",\n\"mainEntityOfPage\": {\n\t\"@type\": \"WebPage\",\n\t\"@id\": \"https:\/\/url.com\/image.png\/schema-markup-generator\/article\"\n},\n\"image\": {\n\t\"@type\": \"ImageObject\",\n\t\"url\": \"https:\/\/url.com\/image.png\",\n\t\"width\": \"1000\",\n\t\"height\": \"800\"\n},\n\"publisher\": {\n\t\"@type\": \"Organization\",\n\t\"name\": \"David\",\n\t\"logo\": {\n\t\t\"@type\": \"ImageObject\",\n\t\t\"url\": \"https:\/\/url.com\/image.png\",\n\t\t\"width\": \"60\",\n\t\t\"height\": \"60\"\n\t}\n},\n    \"datePublished\": \"2024-09-10\", \n\n    \"dateModified\": \"2024-09-10\", \n\n    \"author\": { \n\n    \"@type\": \"Person\", \n\n    \"name\": \"David Carralon\" }, \n\n    \"description\": \"Schema structured data generator of Article markup.\" \n\n}\n<\/pre>  \n        <pre class=\"schemapre\" id=\"schema-json\"><\/pre>\n        <button id=\"copyButton\" style=\"display:none;\">Copy JSON-LD<\/button>\n        <button id=\"validateSchema\" style=\"display:none;\"><a href=\"https:\/\/search.google.com\/test\/rich-results\" rel=\"noopener\">Validate(Google)<\/a><\/button>\n<\/div>\n        <div class=\"column\">\n            <form id=\"schema-form\">\n                <div class=\"form-group\">\n                    <label for=\"article-main\">Main Entity Of Page<\/label>\n                    <input type=\"text\" id=\"article-main\" name=\"Main\"  placeholder=\"Main Entity Of Page\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-headline\">Headline:<\/label>\n                    <input type=\"url\" id=\"article-headline\" name=\"headline\" placeholder=\"Headline\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-img-url\">Image URL:<\/label>\n                    <input type=\"url\" id=\"article-img-url\" name=\"image\" placeholder=\"Image URL\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-width\">Image Width:<\/label>\n                    <input type=\"text\" id=\"article-width\" name=\"width\" placeholder=\"Image Width\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-height\">Image Height:<\/label>\n                    <input type=\"text\" id=\"article-height\" name=\"height\" placeholder=\"Image Height\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-publisher\">Publisher Name:<\/label>\n                    <input type=\"text\" id=\"article-publisher\" name=\"publisher\" placeholder=\"Publisher Name\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-logo\">Logo URL:<\/label>\n                    <input type=\"url\" id=\"article-logo\" name=\"logo\" placeholder=\"Logo URL\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-logo-width\">Logo Width:<\/label>\n                    <input type=\"text\" id=\"article-logo-width\" name=\"logo width\" placeholder=\"Logo Width\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-logo-heigth\">Logo Height:<\/label>\n                    <input type=\"text\" id=\"article-logo-heigth\" name=\"logo heigth\" placeholder=\"Logo Height\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-date\">Date Published:<\/label>\n                    <input type=\"text\" id=\"article-date\" name=\"date\" placeholder=\"Date Published\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-modified\">Date Modified:<\/label>\n                    <input type=\"text\" id=\"article-modified\" name=\"modified\" placeholder=\"Date Modified\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-author\">Author Name:<\/label>\n                    <input type=\"text\" id=\"article-author\" name=\"author\" placeholder=\"Author Name\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"article-description\">Description:<\/label>\n                    <input type=\"text\" id=\"article-description\" name=\"description\" placeholder=\"Description\" required>\n                <\/div>\n\n                <!-- Add more fields as necessary -->\n                <div class=\"form-group\">\n                <button type=\"button\" onclick=\"generateSchema()\">Generate Schema<\/button>\n                <button type=\"reset\" id=\"reset\">Clear all<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n\n<\/div>\n\n <script>\n        function generateSchema() {\n            var articleMain = document.getElementById('article-main').value;\n            var articleHeadline = document.getElementById('article-headline').value;\n            var articleImgUrl = document.getElementById('article-img-url').value;\n            var articleImgUrlwidth = document.getElementById('article-width').value;\n            var articleImgUrlheigth = document.getElementById('article-height').value;\n            var articlePublisher = document.getElementById('article-publisher').value;\n            var articleLogo = document.getElementById('article-logo').value;\n            var articlelogowidth = document.getElementById('article-logo-width').value;\n            var articlelogoheigth = document.getElementById('article-logo-heigth').value;\n            var articleDate = document.getElementById('article-date').value;\n            var articleModified = document.getElementById('article-modified').value;\n            var articleAuthor = document.getElementById('article-author').value;\n            var articleDescription = document.getElementById('article-description').value;\n\n            var schema = {\n                 \n                 \"@context\": \"http:\/\/schema.org\",\n                 \"@type\": \"Article\",\n                 \"headline\": articleHeadline,\n                 \"mainEntityOfPage\": {\n                     \"@type\": \"WebPage\",\n                     \"@id\": articleMain\n                 },\n                 \"image\": {\n                     \"@type\": \"ImageObject\",\n                     \"url\": articleImgUrl,\n                     \"width\": articleImgUrlwidth,\n                     \"height\":  articleImgUrlheigth\n                 },\n                 \"publisher\": {\n                     \"@type\": \"Organization\",\n                     \"name\": articlePublisher,\n                     \"logo\": {\n                         \"@type\": \"ImageObject\",\n                         \"url\": articleLogo,\n                         \"width\": articlelogowidth,\n                         \"height\": articlelogoheigth\n                     }\n                 },\n                 \"datePublished\": articleDate,\n                 \"dateModified\": articleModified,\n                 \"author\": {\n                     \"@type\": \"Person\",\n                     \"name\": articleAuthor\n                 },\n                 \"description\": articleDescription\n             \n         };     \n                 \n            document.getElementById('schema-json').textContent = JSON.stringify(schema, null, 2);\n            document.getElementById('generatedSchema').style.display = 'inline-block';\n            document.getElementById('copyButton').style.display = 'inline-block';\n            document.getElementById('validateSchema').style.display = 'inline-block';\n            document.getElementById('dataSample').style.display = 'none';\n            document.getElementById('textDavid').style.display = 'none';\n        }\n<\/script>\n\n<script>\n    document.getElementById('copyButton').addEventListener('click', function() {\n        \/\/ Get the text from the generated JSON-LD area\n        const jsonLdText = document.querySelector('#schema-json').innerText;\n\n        \/\/ Create a temporary textarea element to hold the text\n        const tempTextArea = document.createElement('textarea');\n        tempTextArea.value = jsonLdText;\n        document.body.appendChild(tempTextArea);\n\n        \/\/ Select the text and copy it to the clipboard\n        tempTextArea.select();\n        document.execCommand('copy');\n\n        \/\/ Remove the temporary textarea\n        document.body.removeChild(tempTextArea);\n\n        \/\/ Optional: Alert the user that the text has been copied\n        alert('JSON-LD copied to clipboard!');\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1464096,"parent":1513789,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"1":"page","2":"type-page","6":"entry"},"featured_image_src":"https:\/\/davidcarralon.com\/wp-content\/uploads\/Schema-Article-1-600x400.png","acf":[],"featured_image_src_square":"https:\/\/davidcarralon.com\/wp-content\/uploads\/Schema-Article-1-600x600.png","_links":{"self":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/comments?post=1513866"}],"version-history":[{"count":1,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513866\/revisions"}],"predecessor-version":[{"id":1513867,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513866\/revisions\/1513867"}],"up":[{"embeddable":true,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/media\/1464096"}],"wp:attachment":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/media?parent=1513866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}