{"id":1513862,"date":"2024-09-04T12:03:31","date_gmt":"2024-09-04T12:03:31","guid":{"rendered":"https:\/\/davidcarralon.com\/herramientas\/generador-de-esquemas\/breadcrumbs"},"modified":"2026-05-15T17:30:06","modified_gmt":"2026-05-15T17:30:06","slug":"breadcrumbs","status":"publish","type":"page","link":"https:\/\/davidcarralon.com\/es\/herramientas\/generador-de-esquemas\/breadcrumbs","title":{"rendered":"Breadcrumbs Schema"},"content":{"rendered":"\n<div class=\"jpsg-container\">\n\n    <h2>Breadcrumbs 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 \u2018Breadcrumbs\u2019 Schema <\/h3>\n\n        <pre class=\"textDavid\" id=\"textDavid\">\n{\n\t\"@context\": \"http:\/\/schema.org\",\n\t\"@type\": \"BreadcrumbList\",\n\t\"itemListElement\": [\n\t\t{\n\t\t\"@type\": \"ListItem\",\n\t\t\"position\": \"1\",\n\t\t\"name\": \"David Carralon\",\n\t\t\"item\": \"https:\/\/davidcarralon.com\/\"\n\t},\n\t\t{\n\t\t\"@type\": \"ListItem\",\n\t\t\"position\": \"2\",\n\t\t\"name\": \"DavidCarralon\",\n\t\t\"item\": \"https:\/\/davidcarralon.com\/\"\n\t}\n\t]\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                    \n                <label for=\"breadLevel\">Select Breadcrumb Level:<\/label>\n                    <select  name=\"breadLevel\" id=\"bread-Level\">\n                            <option value=\"-- Select --\">-- Select --<\/option>\n                            <option value=\"FULL TIME\">TWO LEVELS<\/option>\n                            <option value=\"PART TIME\">THREE LEVELS<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"bread-Homepage\">Your homepage title:<\/label>\n                    <input type=\"text\" id=\"bread-Homepage\" name=\"breadHomepage\" placeholder=\"Your homepage title\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"bread-URL\">URL for home page:<\/label>\n                    <input type=\"url\" id=\"bread-URL\" name=\"breadURL\" placeholder=\"URL for home page\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"bread-2ndTitle\">Your 2nd level title:<\/label>\n                    <input type=\"text\" id=\"bread-2ndTitle\" name=\"bread2ndTitle\" placeholder=\"Your 2nd level title\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"bread-2ndURL\">URL for 2nd level page:<\/label>\n                    <input type=\"url\" id=\"bread-2ndURL\" name=\"bread2ndURL\" placeholder=\"URL for 2nd level page\" required>\n                <\/div>\n            \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\n            var breadHomepage = document.getElementById('bread-Homepage').value;\n            var breadURL = document.getElementById('bread-URL').value;\n            var bread2ndTitle = document.getElementById('bread-2ndTitle').value;\n            var bread2ndURL = document.getElementById('bread-2ndURL').value;\n\n\n\n            var schema = {\n        \"@context\": \"http:\/\/schema.org\",\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n            {\n            \"@type\": \"ListItem\",\n            \"position\": \"1\",\n            \"name\": breadHomepage,\n            \"item\": breadURL\n        },\n            {\n            \"@type\": \"ListItem\",\n            \"position\": \"2\",\n            \"name\": bread2ndTitle,\n            \"item\": bread2ndURL\n                    }\n                ]\n             \n    };     \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\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1464084,"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-Breadcrumbs-1-600x400.png","acf":[],"featured_image_src_square":"https:\/\/davidcarralon.com\/wp-content\/uploads\/Schema-Breadcrumbs-1-600x600.png","_links":{"self":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513862","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=1513862"}],"version-history":[{"count":1,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513862\/revisions"}],"predecessor-version":[{"id":1513863,"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/pages\/1513862\/revisions\/1513863"}],"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\/1464084"}],"wp:attachment":[{"href":"https:\/\/davidcarralon.com\/es\/wp-json\/wp\/v2\/media?parent=1513862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}