{"id":4302,"date":"2026-09-02T20:36:23","date_gmt":"2026-09-02T17:36:23","guid":{"rendered":"https:\/\/www.seoliva.com\/?page_id=4302"},"modified":"2026-09-21T21:40:09","modified_gmt":"2026-09-21T18:40:09","slug":"hreflang-olusturma-araci","status":"publish","type":"page","link":"https:\/\/www.seoliva.com\/en\/hreflang-olusturma-araci","title":{"rendered":"Hreflang Olu\u015fturma Arac\u0131"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4302\" class=\"elementor elementor-4302\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-153ca4f e-flex e-con-boxed e-con e-parent\" data-id=\"153ca4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45c3328 elementor-widget elementor-widget-shortcode\" data-id=\"45c3328\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"sl-hreflang-tool\" id=\"sl-hreflang-tool\">\n            <div class=\"sl-hreflang-intro\">\n                <h2>Hreflang Kodunu Olu\u015fturun<\/h2>\n                <p>Birbirinin dil kar\u015f\u0131l\u0131\u011f\u0131 olan sayfalar\u0131 ekleyin. \u00d6rne\u011fin T\u00fcrk\u00e7e <strong>Hakk\u0131m\u0131zda<\/strong> sayfas\u0131 ile \u0130ngilizce <strong>About<\/strong> sayfas\u0131 ayn\u0131 gruptur.<\/p>\n            <\/div>\n\n            <div class=\"sl-hreflang-example\" aria-hidden=\"true\">\n                <div>\n                    <span>T\u00fcrk\u00e7e<\/span>\n                    <strong>site.com\/hakkimizda<\/strong>\n                <\/div>\n                <span class=\"sl-hreflang-arrow\">\u2194<\/span>\n                <div>\n                    <span>\u0130ngilizce<\/span>\n                    <strong>site.com\/en\/about<\/strong>\n                <\/div>\n            <\/div>\n\n            <div id=\"sl-hreflang-rows\" class=\"sl-hreflang-rows\">\n                <div class=\"sl-hreflang-row\">\n                    <div class=\"sl-field sl-field-language\">\n                        <label>Dil<\/label>\n                        <select class=\"sl-language-select\">\n                            <option value=\"tr\" selected>T\u00fcrk\u00e7e \u2014 tr<\/option>\n                            <option value=\"en\">\u0130ngilizce \u2014 en<\/option>\n                            <option value=\"de\">Almanca \u2014 de<\/option>\n                            <option value=\"fr\">Frans\u0131zca \u2014 fr<\/option>\n                            <option value=\"es\">\u0130spanyolca \u2014 es<\/option>\n                            <option value=\"it\">\u0130talyanca \u2014 it<\/option>\n                            <option value=\"nl\">Felemenk\u00e7e \u2014 nl<\/option>\n                            <option value=\"pt\">Portekizce \u2014 pt<\/option>\n                            <option value=\"pl\">Leh\u00e7e \u2014 pl<\/option>\n                            <option value=\"ru\">Rus\u00e7a \u2014 ru<\/option>\n                            <option value=\"ar\">Arap\u00e7a \u2014 ar<\/option>\n                            <option value=\"en-GB\">\u0130ngilizce \/ Birle\u015fik Krall\u0131k \u2014 en-GB<\/option>\n                            <option value=\"en-US\">\u0130ngilizce \/ ABD \u2014 en-US<\/option>\n                            <option value=\"de-DE\">Almanca \/ Almanya \u2014 de-DE<\/option>\n                            <option value=\"de-AT\">Almanca \/ Avusturya \u2014 de-AT<\/option>\n                            <option value=\"de-CH\">Almanca \/ \u0130svi\u00e7re \u2014 de-CH<\/option>\n                            <option value=\"fr-FR\">Frans\u0131zca \/ Fransa \u2014 fr-FR<\/option>\n                            <option value=\"fr-CA\">Frans\u0131zca \/ Kanada \u2014 fr-CA<\/option>\n                            <option value=\"es-ES\">\u0130spanyolca \/ \u0130spanya \u2014 es-ES<\/option>\n                            <option value=\"es-MX\">\u0130spanyolca \/ Meksika \u2014 es-MX<\/option>\n                            <option value=\"pt-BR\">Portekizce \/ Brezilya \u2014 pt-BR<\/option>\n                            <option value=\"zh-Hans\">\u00c7ince \/ Basitle\u015ftirilmi\u015f \u2014 zh-Hans<\/option>\n                            <option value=\"zh-Hant\">\u00c7ince \/ Geleneksel \u2014 zh-Hant<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"sl-field sl-field-url\">\n                        <label>Sayfa URL'si<\/label>\n                        <input class=\"sl-url-input\" type=\"url\" placeholder=\"https:\/\/www.site.com\/hakkimizda\">\n                    <\/div>\n                    <button type=\"button\" class=\"sl-remove-row\" aria-label=\"Bu dili kald\u0131r\" disabled>\u00d7<\/button>\n                <\/div>\n\n                <div class=\"sl-hreflang-row\">\n                    <div class=\"sl-field sl-field-language\">\n                        <label>Dil<\/label>\n                        <select class=\"sl-language-select\">\n                            <option value=\"tr\">T\u00fcrk\u00e7e \u2014 tr<\/option>\n                            <option value=\"en\" selected>\u0130ngilizce \u2014 en<\/option>\n                            <option value=\"de\">Almanca \u2014 de<\/option>\n                            <option value=\"fr\">Frans\u0131zca \u2014 fr<\/option>\n                            <option value=\"es\">\u0130spanyolca \u2014 es<\/option>\n                            <option value=\"it\">\u0130talyanca \u2014 it<\/option>\n                            <option value=\"nl\">Felemenk\u00e7e \u2014 nl<\/option>\n                            <option value=\"pt\">Portekizce \u2014 pt<\/option>\n                            <option value=\"pl\">Leh\u00e7e \u2014 pl<\/option>\n                            <option value=\"ru\">Rus\u00e7a \u2014 ru<\/option>\n                            <option value=\"ar\">Arap\u00e7a \u2014 ar<\/option>\n                            <option value=\"en-GB\">\u0130ngilizce \/ Birle\u015fik Krall\u0131k \u2014 en-GB<\/option>\n                            <option value=\"en-US\">\u0130ngilizce \/ ABD \u2014 en-US<\/option>\n                            <option value=\"de-DE\">Almanca \/ Almanya \u2014 de-DE<\/option>\n                            <option value=\"de-AT\">Almanca \/ Avusturya \u2014 de-AT<\/option>\n                            <option value=\"de-CH\">Almanca \/ \u0130svi\u00e7re \u2014 de-CH<\/option>\n                            <option value=\"fr-FR\">Frans\u0131zca \/ Fransa \u2014 fr-FR<\/option>\n                            <option value=\"fr-CA\">Frans\u0131zca \/ Kanada \u2014 fr-CA<\/option>\n                            <option value=\"es-ES\">\u0130spanyolca \/ \u0130spanya \u2014 es-ES<\/option>\n                            <option value=\"es-MX\">\u0130spanyolca \/ Meksika \u2014 es-MX<\/option>\n                            <option value=\"pt-BR\">Portekizce \/ Brezilya \u2014 pt-BR<\/option>\n                            <option value=\"zh-Hans\">\u00c7ince \/ Basitle\u015ftirilmi\u015f \u2014 zh-Hans<\/option>\n                            <option value=\"zh-Hant\">\u00c7ince \/ Geleneksel \u2014 zh-Hant<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"sl-field sl-field-url\">\n                        <label>Sayfa URL'si<\/label>\n                        <input class=\"sl-url-input\" type=\"url\" placeholder=\"https:\/\/www.site.com\/en\/about\">\n                    <\/div>\n                    <button type=\"button\" class=\"sl-remove-row\" aria-label=\"Bu dili kald\u0131r\" disabled>\u00d7<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"sl-hreflang-actions\">\n                <button type=\"button\" class=\"sl-secondary-btn\" id=\"sl-add-language\">+ Dil Ekle<\/button>\n            <\/div>\n\n            <details class=\"sl-advanced\">\n                <summary>Geli\u015fmi\u015f se\u00e7enekler<\/summary>\n                <div class=\"sl-advanced-inner\">\n                    <label class=\"sl-check-label\">\n                        <input type=\"checkbox\" id=\"sl-enable-default\">\n                        <span>\n                            <strong>x-default ekle<\/strong>\n                            <small>Desteklemedi\u011finiz diller i\u00e7in g\u00f6stermek istedi\u011finiz genel bir sayfa veya dil se\u00e7ici varsa kullanabilirsiniz. Zorunlu de\u011fildir.<\/small>\n                        <\/span>\n                    <\/label>\n\n                    <div class=\"sl-default-url\" id=\"sl-default-url-wrap\" hidden>\n                        <label for=\"sl-default-url\">x-default URL'si<\/label>\n                        <input type=\"url\" id=\"sl-default-url\" placeholder=\"https:\/\/www.site.com\/\">\n                    <\/div>\n                <\/div>\n            <\/details>\n\n            <div class=\"sl-form-message\" id=\"sl-form-message\" role=\"status\" aria-live=\"polite\"><\/div>\n\n            <button type=\"button\" class=\"sl-primary-btn\" id=\"sl-generate\">Hreflang Kodunu Olu\u015ftur<\/button>\n\n            <div class=\"sl-result-box\" id=\"sl-result-box\" hidden>\n                <div class=\"sl-result-head\">\n                    <div>\n                        <strong>Hreflang Kodunuz Haz\u0131r<\/strong>\n                        <span>Bu seti e\u015fle\u015fen dil sayfalar\u0131n\u0131n tamam\u0131nda kullan\u0131n.<\/span>\n                    <\/div>\n                    <button type=\"button\" class=\"sl-copy-btn\" id=\"sl-copy-code\">Kodu Kopyala<\/button>\n                <\/div>\n\n                <pre><code id=\"sl-output-code\"><\/code><\/pre>\n\n                <div class=\"sl-result-note\">\n                    <span class=\"sl-note-icon\" aria-hidden=\"true\">\u2713<\/span>\n                    <div>\n                        <strong>Kar\u015f\u0131l\u0131kl\u0131 kullan\u0131m \u00f6nemli<\/strong>\n                        <span>T\u00fcrk\u00e7e sayfa \u0130ngilizceyi, \u0130ngilizce sayfa da T\u00fcrk\u00e7eyi g\u00f6stermelidir. Olu\u015fturulan ayn\u0131 seti bu sayfa grubundaki t\u00fcm s\u00fcr\u00fcmlerin <code>&lt;head&gt;<\/code> alan\u0131nda kullan\u0131n.<\/span>\n                    <\/div>\n                <\/div>\n\n                <details class=\"sl-developer-note\">\n                    <summary>Yaz\u0131l\u0131mc\u0131 i\u00e7in uygulama notu<\/summary>\n                    <div>\n                        <p id=\"sl-dev-note\"><\/p>\n                        <button type=\"button\" class=\"sl-text-btn\" id=\"sl-copy-note\">Uygulama Notunu Kopyala<\/button>\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n\n        <style>\n            #sl-hreflang-tool{\n                --green:#039358;\n                --green-dark:#063b2e;\n                --ink:#162019;\n                --text:#5f6d65;\n                --muted:#7b8780;\n                --line:#d9e5de;\n                --soft:#f6faf7;\n                width:min(1180px,calc(100% - 40px));\n                margin:30px auto;\n                padding:32px;\n                border:1px solid var(--line);\n                border-radius:24px;\n                background:#fff;\n                color:var(--ink);\n                font-family:inherit;\n                box-shadow:0 16px 42px rgba(16,40,30,.04);\n            }\n            #sl-hreflang-tool *{box-sizing:border-box}\n            #sl-hreflang-tool button,\n            #sl-hreflang-tool input,\n            #sl-hreflang-tool select{font:inherit}\n            #sl-hreflang-tool .sl-hreflang-intro{max-width:790px}\n            #sl-hreflang-tool .sl-hreflang-intro h2{\n                margin:0 0 10px;\n                color:var(--ink);\n                font-size:30px;\n                line-height:1.18;\n                letter-spacing:-.03em;\n            }\n            #sl-hreflang-tool .sl-hreflang-intro p{\n                margin:0;\n                color:var(--text);\n                font-size:14px;\n                line-height:1.7;\n            }\n            #sl-hreflang-tool .sl-hreflang-example{\n                display:grid;\n                grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);\n                gap:16px;\n                align-items:center;\n                margin:24px 0 28px;\n                padding:18px 20px;\n                border:1px solid #dbe9e1;\n                border-radius:17px;\n                background:var(--soft);\n            }\n            #sl-hreflang-tool .sl-hreflang-example div{\n                min-width:0;\n            }\n            #sl-hreflang-tool .sl-hreflang-example span{\n                display:block;\n                margin-bottom:4px;\n                color:var(--green);\n                font-size:11px;\n                font-weight:800;\n            }\n            #sl-hreflang-tool .sl-hreflang-example strong{\n                display:block;\n                overflow:hidden;\n                color:var(--green-dark);\n                font-size:13px;\n                text-overflow:ellipsis;\n                white-space:nowrap;\n            }\n            #sl-hreflang-tool .sl-hreflang-arrow{\n                margin:0!important;\n                color:var(--green)!important;\n                font-size:20px!important;\n            }\n            #sl-hreflang-tool .sl-hreflang-rows{\n                display:grid;\n                gap:12px;\n            }\n            #sl-hreflang-tool .sl-hreflang-row{\n                display:grid;\n                grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr) 40px;\n                gap:12px;\n                align-items:end;\n                padding:17px;\n                border:1px solid var(--line);\n                border-radius:17px;\n                background:#fff;\n            }\n            #sl-hreflang-tool .sl-field label,\n            #sl-hreflang-tool .sl-default-url label{\n                display:block;\n                margin-bottom:7px;\n                color:var(--green-dark);\n                font-size:12px;\n                font-weight:750;\n            }\n            #sl-hreflang-tool select,\n            #sl-hreflang-tool input[type=\"url\"]{\n                width:100%;\n                min-height:44px;\n                padding:10px 12px;\n                border:1px solid #dfe6e2;\n                border-radius:10px;\n                outline:none;\n                background:#fff;\n                color:var(--ink);\n                font-size:13px;\n                transition:border-color .2s ease,box-shadow .2s ease;\n            }\n            #sl-hreflang-tool select:focus,\n            #sl-hreflang-tool input[type=\"url\"]:focus{\n                border-color:var(--green);\n                box-shadow:0 0 0 3px rgba(3,147,88,.10);\n            }\n            #sl-hreflang-tool .sl-remove-row{\n                width:40px;\n                height:44px;\n                border:1px solid var(--line);\n                border-radius:10px;\n                background:#fff;\n                color:#8a958f;\n                cursor:pointer;\n                font-size:20px;\n                line-height:1;\n            }\n            #sl-hreflang-tool .sl-remove-row:disabled{\n                opacity:.32;\n                cursor:not-allowed;\n            }\n            #sl-hreflang-tool .sl-hreflang-actions{\n                margin-top:12px;\n            }\n            #sl-hreflang-tool .sl-secondary-btn,\n            #sl-hreflang-tool .sl-text-btn{\n                padding:0;\n                border:0;\n                background:transparent;\n                color:var(--green-dark);\n                cursor:pointer;\n                font-size:13px;\n                font-weight:750;\n            }\n            #sl-hreflang-tool .sl-secondary-btn{\n                padding-bottom:4px;\n                border-bottom:1px solid #b8d2c5;\n            }\n            #sl-hreflang-tool .sl-advanced{\n                margin-top:22px;\n                border-top:1px solid var(--line);\n                border-bottom:1px solid var(--line);\n            }\n            #sl-hreflang-tool .sl-advanced>summary,\n            #sl-hreflang-tool .sl-developer-note>summary{\n                cursor:pointer;\n                list-style:none;\n                color:var(--green-dark);\n                font-size:13px;\n                font-weight:750;\n            }\n            #sl-hreflang-tool .sl-advanced>summary{\n                padding:16px 0;\n            }\n            #sl-hreflang-tool .sl-advanced>summary::-webkit-details-marker,\n            #sl-hreflang-tool .sl-developer-note>summary::-webkit-details-marker{display:none}\n            #sl-hreflang-tool .sl-advanced>summary:after{\n                content:\"+\";\n                float:right;\n                color:var(--green);\n                font-size:17px;\n            }\n            #sl-hreflang-tool .sl-advanced[open]>summary:after{content:\"\u2013\"}\n            #sl-hreflang-tool .sl-advanced-inner{\n                padding:0 0 18px;\n            }\n            #sl-hreflang-tool .sl-check-label{\n                display:flex;\n                gap:11px;\n                align-items:flex-start;\n                cursor:pointer;\n            }\n            #sl-hreflang-tool .sl-check-label input{\n                margin-top:3px;\n                accent-color:var(--green);\n            }\n            #sl-hreflang-tool .sl-check-label strong{\n                display:block;\n                margin-bottom:3px;\n                color:var(--green-dark);\n                font-size:13px;\n            }\n            #sl-hreflang-tool .sl-check-label small{\n                display:block;\n                max-width:720px;\n                color:var(--text);\n                font-size:11.5px;\n                line-height:1.55;\n            }\n            #sl-hreflang-tool .sl-default-url{\n                max-width:620px;\n                margin-top:15px;\n                padding-left:25px;\n            }\n            #sl-hreflang-tool .sl-form-message{\n                min-height:19px;\n                margin:14px 0 6px;\n                color:#9a493f;\n                font-size:12px;\n                line-height:1.55;\n            }\n            #sl-hreflang-tool .sl-primary-btn{\n                width:100%;\n                min-height:50px;\n                border:0;\n                border-radius:12px;\n                background:var(--green);\n                color:#fff;\n                cursor:pointer;\n                font-size:14px;\n                font-weight:800;\n                transition:background .2s ease,transform .2s ease;\n            }\n            #sl-hreflang-tool .sl-primary-btn:hover{\n                background:#027d4b;\n                transform:translateY(-1px);\n            }\n            #sl-hreflang-tool .sl-result-box{\n                margin-top:24px;\n                padding:23px;\n                border:1px solid #cfe2d7;\n                border-radius:20px;\n                background:linear-gradient(145deg,#f6faf8,#fff);\n            }\n            #sl-hreflang-tool .sl-result-head{\n                display:flex;\n                justify-content:space-between;\n                gap:18px;\n                align-items:center;\n                margin-bottom:16px;\n            }\n            #sl-hreflang-tool .sl-result-head strong{\n                display:block;\n                margin-bottom:4px;\n                color:var(--green-dark);\n                font-size:17px;\n            }\n            #sl-hreflang-tool .sl-result-head span{\n                color:var(--text);\n                font-size:12px;\n            }\n            #sl-hreflang-tool .sl-copy-btn{\n                flex:0 0 auto;\n                min-height:38px;\n                padding:0 14px;\n                border:1px solid #b9d8c6;\n                border-radius:10px;\n                background:#fff;\n                color:var(--green-dark);\n                cursor:pointer;\n                font-size:12px;\n                font-weight:750;\n            }\n            #sl-hreflang-tool pre{\n                margin:0;\n                padding:18px;\n                overflow:auto;\n                border:1px solid #dde7e1;\n                border-radius:14px;\n                background:#10281e;\n                color:#e8f5ee;\n                font:12.5px\/1.72 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n                white-space:pre;\n            }\n            #sl-hreflang-tool .sl-result-note{\n                display:grid;\n                grid-template-columns:36px minmax(0,1fr);\n                gap:12px;\n                margin-top:15px;\n                padding:15px;\n                border:1px solid #dbe9e1;\n                border-radius:14px;\n                background:#fff;\n            }\n            #sl-hreflang-tool .sl-note-icon{\n                width:32px;\n                height:32px;\n                display:grid;\n                place-items:center;\n                border-radius:50%;\n                background:#edf7f2;\n                color:var(--green);\n                font-weight:800;\n            }\n            #sl-hreflang-tool .sl-result-note strong{\n                display:block;\n                margin-bottom:4px;\n                color:var(--green-dark);\n                font-size:13px;\n            }\n            #sl-hreflang-tool .sl-result-note span:last-child{\n                color:var(--text);\n                font-size:12px;\n                line-height:1.55;\n            }\n            #sl-hreflang-tool .sl-result-note code{color:var(--green-dark)}\n            #sl-hreflang-tool .sl-developer-note{\n                margin-top:15px;\n                padding-top:15px;\n                border-top:1px solid var(--line);\n            }\n            #sl-hreflang-tool .sl-developer-note>summary{\n                padding:2px 0;\n            }\n            #sl-hreflang-tool .sl-developer-note>div{\n                padding-top:12px;\n            }\n            #sl-hreflang-tool .sl-developer-note p{\n                margin:0 0 12px;\n                color:var(--text);\n                font-size:12px;\n                line-height:1.65;\n            }\n\n            @media(max-width:720px){\n                #sl-hreflang-tool{\n                    width:calc(100% - 28px);\n                    padding:22px 18px;\n                    border-radius:18px;\n                }\n                #sl-hreflang-tool .sl-hreflang-intro h2{font-size:25px}\n                #sl-hreflang-tool .sl-hreflang-example{\n                    grid-template-columns:1fr;\n                    gap:8px;\n                }\n                #sl-hreflang-tool .sl-hreflang-arrow{\n                    transform:rotate(90deg);\n                    justify-self:start;\n                }\n                #sl-hreflang-tool .sl-hreflang-row{\n                    grid-template-columns:1fr 42px;\n                }\n                #sl-hreflang-tool .sl-field-language,\n                #sl-hreflang-tool .sl-field-url{\n                    grid-column:1\/-1;\n                }\n                #sl-hreflang-tool .sl-remove-row{\n                    grid-column:2;\n                    justify-self:end;\n                }\n                #sl-hreflang-tool .sl-result-head{\n                    align-items:flex-start;\n                    flex-direction:column;\n                }\n            }\n        <\/style>\n\n        <script>\n        (function(){\n            const root = document.getElementById('sl-hreflang-tool');\n            if (!root) return;\n\n            const rowsWrap = root.querySelector('#sl-hreflang-rows');\n            const addBtn = root.querySelector('#sl-add-language');\n            const generateBtn = root.querySelector('#sl-generate');\n            const message = root.querySelector('#sl-form-message');\n            const resultBox = root.querySelector('#sl-result-box');\n            const output = root.querySelector('#sl-output-code');\n            const copyBtn = root.querySelector('#sl-copy-code');\n            const copyNoteBtn = root.querySelector('#sl-copy-note');\n            const devNote = root.querySelector('#sl-dev-note');\n            const defaultCheck = root.querySelector('#sl-enable-default');\n            const defaultWrap = root.querySelector('#sl-default-url-wrap');\n            const defaultInput = root.querySelector('#sl-default-url');\n\n            const languageOptions = rowsWrap.querySelector('.sl-language-select').innerHTML;\n\n            function escapeHtml(value){\n                return String(value)\n                    .replace(\/&\/g,'&amp;')\n                    .replace(\/<\/g,'&lt;')\n                    .replace(\/>\/g,'&gt;')\n                    .replace(\/\"\/g,'&quot;')\n                    .replace(\/'\/g,'&#039;');\n            }\n\n            function normalizeUrl(value){\n                let url = String(value || '').trim();\n                if (!url) return '';\n                if (!\/^https?:\\\/\\\/\/i.test(url)) url = 'https:\/\/' + url;\n                try {\n                    const parsed = new URL(url);\n                    if (!['http:','https:'].includes(parsed.protocol)) return '';\n                    return parsed.href;\n                } catch(e){\n                    return '';\n                }\n            }\n\n            function getRows(){\n                return Array.from(rowsWrap.querySelectorAll('.sl-hreflang-row'));\n            }\n\n            function updateRemoveButtons(){\n                const rows = getRows();\n                rows.forEach((row) => {\n                    const btn = row.querySelector('.sl-remove-row');\n                    btn.disabled = rows.length <= 2;\n                });\n            }\n\n            function addRow(){\n                if (getRows().length >= 12) {\n                    message.textContent = 'Tek seferde en fazla 12 dil s\u00fcr\u00fcm\u00fc ekleyebilirsiniz.';\n                    return;\n                }\n\n                const row = document.createElement('div');\n                row.className = 'sl-hreflang-row';\n                row.innerHTML = `\n                    <div class=\"sl-field sl-field-language\">\n                        <label>Dil<\/label>\n                        <select class=\"sl-language-select\">${languageOptions}<\/select>\n                    <\/div>\n                    <div class=\"sl-field sl-field-url\">\n                        <label>Sayfa URL'si<\/label>\n                        <input class=\"sl-url-input\" type=\"url\" placeholder=\"https:\/\/www.site.com\/\">\n                    <\/div>\n                    <button type=\"button\" class=\"sl-remove-row\" aria-label=\"Bu dili kald\u0131r\">\u00d7<\/button>\n                `;\n\n                rowsWrap.appendChild(row);\n                updateRemoveButtons();\n                message.textContent = '';\n            }\n\n            function validate(){\n                const rows = getRows();\n                const items = [];\n                const codes = new Set();\n                const urls = new Set();\n\n                for (const row of rows) {\n                    const code = row.querySelector('.sl-language-select').value.trim();\n                    const url = normalizeUrl(row.querySelector('.sl-url-input').value);\n\n                    if (!url) {\n                        return { error: 'Her dil s\u00fcr\u00fcm\u00fc i\u00e7in ge\u00e7erli ve tam bir URL girin.' };\n                    }\n\n                    if (codes.has(code)) {\n                        return { error: 'Ayn\u0131 hreflang kodunu birden fazla kez kullanmay\u0131n.' };\n                    }\n\n                    if (urls.has(url)) {\n                        return { error: 'Ayn\u0131 URL birden fazla dil i\u00e7in kullan\u0131lm\u0131\u015f g\u00f6r\u00fcn\u00fcyor.' };\n                    }\n\n                    codes.add(code);\n                    urls.add(url);\n                    items.push({ code, url });\n                }\n\n                let xDefault = '';\n                if (defaultCheck.checked) {\n                    xDefault = normalizeUrl(defaultInput.value);\n                    if (!xDefault) {\n                        return { error: 'x-default kullanacaksan\u0131z ge\u00e7erli bir URL girin.' };\n                    }\n                }\n\n                return { items, xDefault };\n            }\n\n            function generate(){\n                message.textContent = '';\n                const data = validate();\n\n                if (data.error) {\n                    message.textContent = data.error;\n                    resultBox.hidden = true;\n                    return;\n                }\n\n                const lines = data.items.map(item =>\n                    `<link rel=\"alternate\" hreflang=\"${item.code}\" href=\"${item.url}\">`\n                );\n\n                if (data.xDefault) {\n                    lines.push(`<link rel=\"alternate\" hreflang=\"x-default\" href=\"${data.xDefault}\">`);\n                }\n\n                output.textContent = lines.join('\\n');\n\n                const readable = data.items.map(item => `${item.code}: ${item.url}`).join(', ');\n                devNote.textContent =\n                    'Bu sayfa grubu i\u00e7in hreflang setini e\u015fle\u015fen t\u00fcm dil s\u00fcr\u00fcmlerinin <head> alan\u0131nda ayn\u0131 \u015fekilde \u00fcretin. ' +\n                    'Her sayfa kendisini ve di\u011fer t\u00fcm dil s\u00fcr\u00fcmlerini listelemelidir. Kar\u015f\u0131l\u0131kl\u0131 ba\u011flant\u0131lar\u0131 koruyun ve tam URL kullan\u0131n. ' +\n                    'Sayfa e\u015fle\u015fmeleri: ' + readable +\n                    (data.xDefault ? `. x-default: ${data.xDefault}` : '.');\n\n                resultBox.hidden = false;\n                resultBox.scrollIntoView({behavior:'smooth', block:'nearest'});\n            }\n\n            function copyText(text, button, original){\n                if (!text) return;\n\n                navigator.clipboard.writeText(text).then(() => {\n                    button.textContent = 'Kopyaland\u0131';\n                    setTimeout(() => button.textContent = original, 1600);\n                }).catch(() => {\n                    const area = document.createElement('textarea');\n                    area.value = text;\n                    document.body.appendChild(area);\n                    area.select();\n                    document.execCommand('copy');\n                    document.body.removeChild(area);\n                    button.textContent = 'Kopyaland\u0131';\n                    setTimeout(() => button.textContent = original, 1600);\n                });\n            }\n\n            addBtn.addEventListener('click', addRow);\n\n            rowsWrap.addEventListener('click', (event) => {\n                const btn = event.target.closest('.sl-remove-row');\n                if (!btn || btn.disabled) return;\n                btn.closest('.sl-hreflang-row').remove();\n                updateRemoveButtons();\n                resultBox.hidden = true;\n                message.textContent = '';\n            });\n\n            defaultCheck.addEventListener('change', () => {\n                defaultWrap.hidden = !defaultCheck.checked;\n                if (!defaultCheck.checked) defaultInput.value = '';\n            });\n\n            generateBtn.addEventListener('click', generate);\n\n            copyBtn.addEventListener('click', () => {\n                copyText(output.textContent, copyBtn, 'Kodu Kopyala');\n            });\n\n            copyNoteBtn.addEventListener('click', () => {\n                copyText(devNote.textContent, copyNoteBtn, 'Uygulama Notunu Kopyala');\n            });\n\n            updateRemoveButtons();\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4dc1b30 e-flex e-con-boxed e-con e-parent\" data-id=\"4dc1b30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49753a elementor-widget elementor-widget-html\" data-id=\"b49753a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n#sl-hreflang-content{\r\n  --green:#039358;\r\n  --green-dark:#063b2e;\r\n  --ink:#162019;\r\n  --text:#5f6d65;\r\n  --muted:#7b8780;\r\n  --line:#d9e5de;\r\n  --soft:#f6faf7;\r\n  --white:#fff;\r\n  --max:1180px;\r\n  width:100%;\r\n  max-width:100%;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  color:var(--ink);\r\n  font-family:inherit;\r\n}\r\n#sl-hreflang-content *{box-sizing:border-box}\r\n#sl-hreflang-content a{text-decoration:none;color:inherit}\r\n#sl-hreflang-content .sl-wrap{\r\n  width:min(var(--max),calc(100% - 40px));\r\n  margin:0 auto;\r\n}\r\n#sl-hreflang-content .sl-sec{padding:64px 0}\r\n#sl-hreflang-content .sl-soft{background:var(--soft)}\r\n#sl-hreflang-content h2,\r\n#sl-hreflang-content h3,\r\n#sl-hreflang-content p{margin-top:0}\r\n#sl-hreflang-content h2{\r\n  max-width:none;\r\n  margin-bottom:14px;\r\n  color:var(--ink);\r\n  font-size:clamp(30px,3vw,38px);\r\n  line-height:1.16;\r\n  letter-spacing:-.03em;\r\n  font-weight:750;\r\n}\r\n#sl-hreflang-content h3{\r\n  margin-bottom:7px;\r\n  color:var(--green-dark);\r\n  font-size:18px;\r\n  line-height:1.38;\r\n  font-weight:750;\r\n}\r\n#sl-hreflang-content .sl-lead{\r\n  max-width:820px;\r\n  margin-bottom:0;\r\n  color:var(--text);\r\n  font-size:16px;\r\n  line-height:1.72;\r\n}\r\n#sl-hreflang-content .sl-copy p{\r\n  margin-bottom:16px;\r\n  color:var(--text);\r\n  font-size:15px;\r\n  line-height:1.76;\r\n}\r\n#sl-hreflang-content .sl-copy p:last-child{margin-bottom:0}\r\n\r\n@media(min-width:981px){\r\n  #sl-hreflang-content .sl-one-line{white-space:nowrap}\r\n}\r\n\r\n#sl-hreflang-content .sl-how{\r\n  padding:58px 0 64px;\r\n  background:\r\n    radial-gradient(circle at 86% 8%,rgba(3,147,88,.06),transparent 28%),\r\n    linear-gradient(180deg,#f6faf8 0%,#fff 100%);\r\n}\r\n#sl-hreflang-content .sl-how-head{\r\n  max-width:860px;\r\n  margin-bottom:30px;\r\n}\r\n#sl-hreflang-content .sl-steps{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n#sl-hreflang-content .sl-step{\r\n  min-height:160px;\r\n  padding:24px 26px 22px 0;\r\n  border-right:1px solid var(--line);\r\n}\r\n#sl-hreflang-content .sl-step:not(:first-child){padding-left:26px}\r\n#sl-hreflang-content .sl-step:last-child{border-right:0}\r\n#sl-hreflang-content .sl-icon{\r\n  width:44px;\r\n  height:44px;\r\n  display:grid;\r\n  place-items:center;\r\n  margin-bottom:17px;\r\n  border:1px solid #dbe9e1;\r\n  border-radius:14px;\r\n  background:#edf7f2;\r\n  color:var(--green);\r\n}\r\n#sl-hreflang-content .sl-icon svg{\r\n  width:20px;\r\n  height:20px;\r\n  stroke:currentColor;\r\n  fill:none;\r\n  stroke-width:1.9;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n#sl-hreflang-content .sl-step p{\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:13.5px;\r\n  line-height:1.62;\r\n}\r\n\r\n#sl-hreflang-content .sl-what{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);\r\n  gap:64px;\r\n  align-items:center;\r\n}\r\n#sl-hreflang-content .sl-match-box{\r\n  padding:24px;\r\n  border:1px solid var(--line);\r\n  border-radius:22px;\r\n  background:linear-gradient(145deg,#f5f9f7,#fff);\r\n}\r\n#sl-hreflang-content .sl-match-label{\r\n  margin-bottom:16px;\r\n  color:var(--muted);\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n#sl-hreflang-content .sl-match-row{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);\r\n  gap:15px;\r\n  align-items:center;\r\n}\r\n#sl-hreflang-content .sl-match-page{\r\n  min-width:0;\r\n  padding:18px;\r\n  border:1px solid #dbe9e1;\r\n  border-radius:16px;\r\n  background:#fff;\r\n}\r\n#sl-hreflang-content .sl-match-page span{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:var(--green);\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n#sl-hreflang-content .sl-match-page strong{\r\n  display:block;\r\n  margin-bottom:5px;\r\n  color:var(--green-dark);\r\n  font-size:15px;\r\n}\r\n#sl-hreflang-content .sl-match-page code{\r\n  display:block;\r\n  overflow:hidden;\r\n  color:var(--text);\r\n  font-size:11px;\r\n  text-overflow:ellipsis;\r\n  white-space:nowrap;\r\n}\r\n#sl-hreflang-content .sl-match-arrow{\r\n  color:var(--green);\r\n  font-size:24px;\r\n  font-weight:800;\r\n}\r\n#sl-hreflang-content .sl-match-note{\r\n  margin:17px 0 0;\r\n  padding-top:16px;\r\n  border-top:1px solid var(--line);\r\n  color:var(--text);\r\n  font-size:12px;\r\n  line-height:1.6;\r\n}\r\n\r\n#sl-hreflang-content .sl-rules-head{\r\n  max-width:900px;\r\n  margin-bottom:28px;\r\n}\r\n#sl-hreflang-content .sl-rule-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:12px;\r\n}\r\n#sl-hreflang-content .sl-rule{\r\n  min-height:215px;\r\n  padding:22px;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n}\r\n#sl-hreflang-content .sl-rule p{\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:13px;\r\n  line-height:1.62;\r\n}\r\n\r\n#sl-hreflang-content .sl-right-wrong{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:14px;\r\n}\r\n#sl-hreflang-content .sl-example-card{\r\n  padding:24px;\r\n  border:1px solid var(--line);\r\n  border-radius:20px;\r\n  background:#fff;\r\n}\r\n#sl-hreflang-content .sl-example-card.is-wrong{\r\n  background:linear-gradient(145deg,#fbf9f7,#fff);\r\n}\r\n#sl-hreflang-content .sl-example-status{\r\n  display:inline-flex;\r\n  margin-bottom:16px;\r\n  padding:5px 9px;\r\n  border-radius:999px;\r\n  background:#edf7f2;\r\n  color:var(--green);\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n#sl-hreflang-content .is-wrong .sl-example-status{\r\n  background:#f3efec;\r\n  color:#986b56;\r\n}\r\n#sl-hreflang-content .sl-example-line{\r\n  padding:12px 0;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n#sl-hreflang-content .sl-example-line:last-child{border-bottom:0}\r\n#sl-hreflang-content .sl-example-line strong{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:var(--green-dark);\r\n  font-size:13px;\r\n}\r\n#sl-hreflang-content .sl-example-line span{\r\n  color:var(--text);\r\n  font-size:12px;\r\n  line-height:1.55;\r\n}\r\n\r\n#sl-hreflang-content .sl-compare{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\r\n  gap:58px;\r\n  align-items:start;\r\n}\r\n#sl-hreflang-content .sl-compare-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:12px;\r\n}\r\n#sl-hreflang-content .sl-compare-card{\r\n  min-height:220px;\r\n  padding:22px;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.68);\r\n}\r\n#sl-hreflang-content .sl-compare-card strong{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:var(--green-dark);\r\n  font-size:18px;\r\n}\r\n#sl-hreflang-content .sl-compare-card em{\r\n  display:block;\r\n  margin-bottom:15px;\r\n  color:var(--green);\r\n  font-size:12px;\r\n  font-style:normal;\r\n  font-weight:750;\r\n}\r\n#sl-hreflang-content .sl-compare-card p{\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:13px;\r\n  line-height:1.65;\r\n}\r\n\r\n#sl-hreflang-content .sl-related{\r\n  display:block;\r\n}\r\n#sl-hreflang-content .sl-related-head{\r\n  max-width:920px;\r\n  margin-bottom:24px;\r\n}\r\n#sl-hreflang-content .sl-related p{\r\n  max-width:760px;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n#sl-hreflang-content .sl-tool-links{border-top:1px solid var(--line)}\r\n#sl-hreflang-content .sl-tool-link{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) 30px;\r\n  gap:18px;\r\n  align-items:center;\r\n  padding:18px 0;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n#sl-hreflang-content .sl-tool-link strong{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:var(--green-dark);\r\n  font-size:15px;\r\n}\r\n#sl-hreflang-content .sl-tool-link span{\r\n  display:block;\r\n  color:var(--text);\r\n  font-size:12.5px;\r\n  line-height:1.55;\r\n}\r\n#sl-hreflang-content .sl-tool-arrow{\r\n  color:var(--green)!important;\r\n  font-size:20px!important;\r\n  text-align:right;\r\n}\r\n\r\n#sl-hreflang-content .sl-faq-head{\r\n  max-width:790px;\r\n  margin-bottom:22px;\r\n}\r\n#sl-hreflang-content .sl-faq{border-top:1px solid var(--line)}\r\n#sl-hreflang-content details{border-bottom:1px solid var(--line)}\r\n#sl-hreflang-content summary{\r\n  position:relative;\r\n  padding:19px 42px 19px 0;\r\n  cursor:pointer;\r\n  list-style:none;\r\n  color:var(--green-dark);\r\n  font-size:15px;\r\n  line-height:1.5;\r\n  font-weight:750;\r\n}\r\n#sl-hreflang-content summary::-webkit-details-marker{display:none}\r\n#sl-hreflang-content summary:after{\r\n  content:\"+\";\r\n  position:absolute;\r\n  right:4px;\r\n  top:17px;\r\n  width:27px;\r\n  height:27px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  background:#edf6f1;\r\n  color:var(--green);\r\n  font-size:17px;\r\n}\r\n#sl-hreflang-content details[open] summary:after{content:\"\u2013\"}\r\n#sl-hreflang-content details p{\r\n  max-width:900px;\r\n  margin:0;\r\n  padding:0 42px 19px 0;\r\n  color:var(--text);\r\n  font-size:13.5px;\r\n  line-height:1.7;\r\n}\r\n\r\n#sl-hreflang-content .sl-close{padding:0 0 70px}\r\n#sl-hreflang-content .sl-close-line{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:30px;\r\n  align-items:center;\r\n  padding:31px 0;\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n#sl-hreflang-content .sl-close h2{\r\n  margin-bottom:8px;\r\n  font-size:clamp(25px,2.5vw,33px);\r\n}\r\n#sl-hreflang-content .sl-close p{\r\n  max-width:730px;\r\n  margin-bottom:0;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.68;\r\n}\r\n#sl-hreflang-content .sl-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  padding-bottom:4px;\r\n  border-bottom:1px solid #b8d2c5;\r\n  color:var(--green-dark);\r\n  font-size:13px;\r\n  font-weight:780;\r\n  white-space:nowrap;\r\n}\r\n\r\n@media(max-width:980px){\r\n  #sl-hreflang-content .sl-steps{grid-template-columns:1fr}\r\n  #sl-hreflang-content .sl-step,\r\n  #sl-hreflang-content .sl-step:not(:first-child){\r\n    min-height:0;\r\n    padding:20px 0;\r\n    border-right:0;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  #sl-hreflang-content .sl-step:last-child{border-bottom:0}\r\n  #sl-hreflang-content .sl-what,\r\n  #sl-hreflang-content .sl-compare{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n@media(max-width:640px){\r\n  #sl-hreflang-content .sl-wrap{width:calc(100% - 28px)}\r\n  #sl-hreflang-content .sl-sec{padding:48px 0}\r\n  #sl-hreflang-content .sl-how{padding:44px 0 48px}\r\n  #sl-hreflang-content h2{\r\n    font-size:28px;\r\n    line-height:1.2;\r\n    white-space:normal;\r\n  }\r\n  #sl-hreflang-content .sl-lead{font-size:15px;line-height:1.66}\r\n  #sl-hreflang-content .sl-match-row,\r\n  #sl-hreflang-content .sl-rule-grid,\r\n  #sl-hreflang-content .sl-right-wrong,\r\n  #sl-hreflang-content .sl-compare-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n  #sl-hreflang-content .sl-match-arrow{transform:rotate(90deg)}\r\n  #sl-hreflang-content .sl-close{padding-bottom:50px}\r\n  #sl-hreflang-content .sl-close-line{grid-template-columns:1fr;padding:27px 0}\r\n}\r\n<\/style>\r\n\r\n<div id=\"sl-hreflang-content\">\r\n\r\n  <section class=\"sl-how\">\r\n    <div class=\"sl-wrap\">\r\n      <div class=\"sl-how-head\">\r\n        <h1 class=\"sl-one-line\">Hreflang Olu\u015fturma Arac\u0131<\/h1>\r\n        <p class=\"sl-lead\">Birbirinin ger\u00e7ek dil veya b\u00f6lge kar\u015f\u0131l\u0131\u011f\u0131 olan sayfalar\u0131 ayn\u0131 gruba ekleyin. Ara\u00e7, bu sayfa grubu i\u00e7in kullanabilece\u011finiz hreflang etiketlerini olu\u015fturur.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sl-steps\">\r\n        <div class=\"sl-step\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16v12H4z\"\/><path d=\"M8 10h8\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Dilleri se\u00e7in<\/h3>\r\n          <p>T\u00fcrk\u00e7e, \u0130ngilizce veya kulland\u0131\u011f\u0131n\u0131z di\u011fer dil ve b\u00f6lge s\u00fcr\u00fcmlerini listeden se\u00e7in.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sl-step\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7 7h10v10H7z\"\/><path d=\"M10 4h10v10\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Kar\u015f\u0131l\u0131k gelen URL'leri girin<\/h3>\r\n          <p>Hakk\u0131m\u0131zda ile About gibi ayn\u0131 i\u00e7eri\u011fin farkl\u0131 dil s\u00fcr\u00fcmlerini birbiriyle e\u015fle\u015ftirin.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sl-step\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Kodu olu\u015fturun<\/h3>\r\n          <p>Olu\u015fan ayn\u0131 hreflang setini bu gruptaki t\u00fcm dil sayfalar\u0131nda kullan\u0131n.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec\">\r\n    <div class=\"sl-wrap sl-what\">\r\n      <div class=\"sl-copy\">\r\n        <h2>Hreflang Nedir?<\/h2>\r\n        <p>Hreflang, birbirinin dil veya b\u00f6lge kar\u015f\u0131l\u0131\u011f\u0131 olan URL'leri Google'a e\u015fle\u015ftirmek i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin ayn\u0131 Hakk\u0131m\u0131zda i\u00e7eri\u011finin T\u00fcrk\u00e7e ve \u0130ngilizce s\u00fcr\u00fcmleri varsa bu iki URL'nin birbirinin alternatifi oldu\u011funu bildirebilirsiniz.<\/p>\r\n        <p>Hreflang, Google'\u0131n sayfan\u0131n dilini tespit etti\u011fi etiket de\u011fildir. Ama\u00e7, zaten farkl\u0131 dil veya b\u00f6lge s\u00fcr\u00fcmleri olan URL'ler aras\u0131ndaki ili\u015fkiyi a\u00e7\u0131k\u00e7a g\u00f6stermektir.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sl-match-box\" aria-hidden=\"true\">\r\n        <div class=\"sl-match-label\">Do\u011fru bir sayfa grubu<\/div>\r\n        <div class=\"sl-match-row\">\r\n          <div class=\"sl-match-page\">\r\n            <span>tr<\/span>\r\n            <strong>Hakk\u0131m\u0131zda<\/strong>\r\n            <code>site.com\/hakkimizda<\/code>\r\n          <\/div>\r\n          <div class=\"sl-match-arrow\">\u2194<\/div>\r\n          <div class=\"sl-match-page\">\r\n            <span>en<\/span>\r\n            <strong>About<\/strong>\r\n            <code>site.com\/en\/about<\/code>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"sl-match-note\">\u0130leti\u015fim \u2194 Contact veya Hizmet \u2194 Service i\u00e7in ayr\u0131 hreflang gruplar\u0131 olu\u015fturulur.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec sl-soft\">\r\n    <div class=\"sl-wrap\">\r\n      <div class=\"sl-rules-head\">\r\n        <h2>Hreflang Kodunda 3 Temel Kural<\/h2>\r\n        <p class=\"sl-lead\">Kodun do\u011fru g\u00f6r\u00fcnmesi kadar sayfalar\u0131n birbirini tutarl\u0131 bi\u00e7imde g\u00f6stermesi de \u00f6nemlidir.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sl-rule-grid\">\r\n        <div class=\"sl-rule\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"7\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Her sayfa kendisini de listeler<\/h3>\r\n          <p>T\u00fcrk\u00e7e sayfadaki hreflang setinde T\u00fcrk\u00e7e URL de, \u0130ngilizce URL de bulunmal\u0131d\u0131r. Ayn\u0131 kural di\u011fer s\u00fcr\u00fcmler i\u00e7in de ge\u00e7erlidir.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sl-rule\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 9h9a3 3 0 0 1 3 3\"\/><path d=\"M15 6l3 3-3 3\"\/><path d=\"M18 15H9a3 3 0 0 1-3-3\"\/><path d=\"M9 18l-3-3 3-3\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Ba\u011flant\u0131lar kar\u015f\u0131l\u0131kl\u0131 olmal\u0131<\/h3>\r\n          <p>T\u00fcrk\u00e7e sayfa \u0130ngilizceyi g\u00f6steriyorsa \u0130ngilizce sayfa da T\u00fcrk\u00e7e s\u00fcr\u00fcm\u00fc g\u00f6stermelidir.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sl-rule\">\r\n          <span class=\"sl-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16v10H4z\"\/><path d=\"M8 12h8\"\/><\/svg>\r\n          <\/span>\r\n          <h3>Tam URL kullan\u0131n<\/h3>\r\n          <p>Hreflang etiketlerinde \/en\/about gibi g\u00f6reli yollar yerine https:\/\/ ile ba\u015flayan tam URL'ler kullan\u0131lmal\u0131d\u0131r.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec\">\r\n    <div class=\"sl-wrap\">\r\n      <h2>Do\u011fru Sayfalar\u0131 Birbiriyle E\u015fle\u015ftirin<\/h2>\r\n      <p class=\"sl-lead\" style=\"margin-bottom:28px\">Hreflang b\u00fct\u00fcn site i\u00e7in tek bir kod de\u011fildir. Her sayfa yaln\u0131zca kendi ger\u00e7ek dil veya b\u00f6lge kar\u015f\u0131l\u0131klar\u0131yla ayn\u0131 grupta yer almal\u0131d\u0131r.<\/p>\r\n\r\n      <div class=\"sl-right-wrong\">\r\n        <div class=\"sl-example-card\">\r\n          <span class=\"sl-example-status\">Do\u011fru<\/span>\r\n          <div class=\"sl-example-line\">\r\n            <strong>Hakk\u0131m\u0131zda \u2194 About<\/strong>\r\n            <span>Ayn\u0131 i\u00e7eri\u011fin iki dil s\u00fcr\u00fcm\u00fc.<\/span>\r\n          <\/div>\r\n          <div class=\"sl-example-line\">\r\n            <strong>\u0130leti\u015fim \u2194 Contact<\/strong>\r\n            <span>Bu sayfalar i\u00e7in ayr\u0131 bir hreflang seti.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-example-card is-wrong\">\r\n          <span class=\"sl-example-status\">Yanl\u0131\u015f<\/span>\r\n          <div class=\"sl-example-line\">\r\n            <strong>Hakk\u0131m\u0131zda \u2194 \u0130ngilizce ana sayfa<\/strong>\r\n            <span>Birbirinin kar\u015f\u0131l\u0131\u011f\u0131 olmayan URL'leri e\u015fle\u015ftirmeyin.<\/span>\r\n          <\/div>\r\n          <div class=\"sl-example-line\">\r\n            <strong>Ayn\u0131 seti sitenin her sayfas\u0131nda kullanmak<\/strong>\r\n            <span>Sayfa ili\u015fkilerini yanl\u0131\u015f tan\u0131mlar.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec sl-soft\">\r\n    <div class=\"sl-wrap sl-compare\">\r\n      <div>\r\n        <h2>Hreflang ve Canonical Ayn\u0131 \u015eey De\u011fildir<\/h2>\r\n        <p class=\"sl-lead\">\u0130ki etiket farkl\u0131 sorular\u0131 \u00e7\u00f6zer. \u00c7ok dilli sayfalarda ikisini birbirinin yerine kullanmak do\u011fru de\u011fildir.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sl-compare-grid\">\r\n        <div class=\"sl-compare-card\">\r\n          <strong>Hreflang<\/strong>\r\n          <em>Dil ve b\u00f6lge kar\u015f\u0131l\u0131klar\u0131n\u0131 e\u015fle\u015ftirir<\/em>\r\n          <p>T\u00fcrk\u00e7e, \u0130ngilizce veya farkl\u0131 b\u00f6lge s\u00fcr\u00fcmlerinin birbirinin alternatifi oldu\u011funu bildirir.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sl-compare-card\">\r\n          <strong>Canonical<\/strong>\r\n          <em>Tercih edilen URL'yi bildirir<\/em>\r\n          <p>Ayn\u0131 veya \u00e7ok benzer URL'ler aras\u0131ndan hangi adresi esas almay\u0131 tercih etti\u011finizi g\u00f6sterir.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec\">\r\n    <div class=\"sl-wrap sl-related\">\r\n      <div class=\"sl-related-head\">\r\n        <h2>Hreflang Sonras\u0131 Neyi Kontrol Edebilirsiniz?<\/h2>\r\n        <p>\u00c7ok dilli URL'lerde hreflang kadar canonical, sitemap ve indekslenebilirlik sinyallerinin de birbiriyle uyumlu olmas\u0131 gerekir.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sl-tool-links\">\r\n        <a class=\"sl-tool-link\" href=\"https:\/\/www.seoliva.com\/canonical-kontrol-araci\">\r\n          <div>\r\n            <strong>Canonical Kontrol\u00fc<\/strong>\r\n            <span>Dil sayfalar\u0131n\u0131n yanl\u0131\u015fl\u0131kla ba\u015fka bir s\u00fcr\u00fcm\u00fc canonical g\u00f6sterip g\u00f6stermedi\u011fini kontrol edin.<\/span>\r\n          <\/div>\r\n          <span class=\"sl-tool-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"sl-tool-link\" href=\"https:\/\/www.seoliva.com\/sitemap-xml-olusturma-araci\">\r\n          <div>\r\n            <strong>Sitemap XML Olu\u015fturma<\/strong>\r\n            <span>\u0130ndekslenmesini istedi\u011finiz tercih edilen dil URL'lerinden temiz bir sitemap olu\u015fturun.<\/span>\r\n          <\/div>\r\n          <span class=\"sl-tool-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"sl-tool-link\" href=\"https:\/\/www.seoliva.com\/indekslenebilirlik-kontrol-araci\">\r\n          <div>\r\n            <strong>\u0130ndekslenebilirlik Kontrol\u00fc<\/strong>\r\n            <span>Dil sayfalar\u0131n\u0131n indekslenmesini etkileyebilecek temel sinyalleri inceleyin.<\/span>\r\n          <\/div>\r\n          <span class=\"sl-tool-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-sec sl-soft\">\r\n    <div class=\"sl-wrap\">\r\n      <div class=\"sl-faq-head\">\r\n        <h2>Hreflang Arac\u0131 Hakk\u0131nda S\u0131k Sorulan Sorular<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sl-faq\">\r\n        <details>\r\n          <summary>Hreflang nedir?<\/summary>\r\n          <p>Hreflang, ayn\u0131 i\u00e7eri\u011fin farkl\u0131 dil veya b\u00f6lge s\u00fcr\u00fcmlerine ait URL'lerin birbirinin alternatifi oldu\u011funu Google'a bildirmek i\u00e7in kullan\u0131lan etikettir.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Her sayfada hreflang kodu farkl\u0131 m\u0131 olur?<\/summary>\r\n          <p>\u00c7o\u011fu durumda evet. Hakk\u0131m\u0131zda \/ About grubundaki URL'ler ile \u0130leti\u015fim \/ Contact grubundaki URL'ler farkl\u0131 oldu\u011fu i\u00e7in her sayfa grubunun hreflang seti de farkl\u0131d\u0131r.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\u0130ngilizce i\u00e7erik i\u00e7in en, en-GB veya en-US hangisini kullanmal\u0131y\u0131m?<\/summary>\r\n          <p>\u0130\u00e7erik belirli bir \u00fclkeye \u00f6zel de\u011filse genel en kodu yeterli olabilir. Birle\u015fik Krall\u0131k ve ABD i\u00e7in ayr\u0131 URL, fiyat, teklif veya yerelle\u015ftirilmi\u015f i\u00e7erik sunuyorsan\u0131z en-GB ve en-US gibi b\u00f6lgesel kodlar anlaml\u0131 hale gelir.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>x-default eklemek zorunda m\u0131y\u0131m?<\/summary>\r\n          <p>Hay\u0131r. x-default zorunlu de\u011fildir. Tan\u0131mlad\u0131\u011f\u0131n\u0131z dil veya b\u00f6lgeler d\u0131\u015f\u0131nda kalan kullan\u0131c\u0131lar\u0131n gidece\u011fi genel bir sayfa ya da dil se\u00e7ici varsa kullan\u0131labilir.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Hreflang etiketleri kar\u015f\u0131l\u0131kl\u0131 olmak zorunda m\u0131?<\/summary>\r\n          <p>Evet. Bir sayfa ba\u015fka bir dil s\u00fcr\u00fcm\u00fcn\u00fc alternatif olarak g\u00f6steriyorsa kar\u015f\u0131 sayfan\u0131n da geri ba\u011flant\u0131y\u0131 i\u00e7ermesi gerekir. Kar\u015f\u0131l\u0131kl\u0131 olmayan hreflang ili\u015fkileri Google taraf\u0131ndan yok say\u0131labilir.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Hreflang i\u00e7in tam URL kullanmak gerekir mi?<\/summary>\r\n          <p>Evet. Google hreflang alternatiflerinde https:\/\/ ile ba\u015flayan tam URL'lerin kullan\u0131lmas\u0131n\u0131 ister.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Bu ara\u00e7 hreflang kodunu siteme otomatik ekliyor mu?<\/summary>\r\n          <p>Hay\u0131r. Ara\u00e7 kodu olu\u015fturur. Etiketlerin sitenizin head alan\u0131na eklenmesi kulland\u0131\u011f\u0131n\u0131z altyap\u0131ya g\u00f6re ayr\u0131ca uygulanmal\u0131d\u0131r.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sl-close\">\r\n    <div class=\"sl-wrap\">\r\n      <div class=\"sl-close-line\">\r\n        <div>\r\n          <h2>Do\u011fru Kod, Do\u011fru Sayfa E\u015fle\u015fmesiyle \u00c7al\u0131\u015f\u0131r.<\/h2>\r\n          <p>\u00c7ok dilli sitelerde hreflang, canonical, sitemap ve dil URL'leri birbiriyle \u00e7eli\u015fiyorsa teknik yap\u0131 bekledi\u011finiz sonucu vermeyebilir.<\/p>\r\n        <\/div>\r\n        <a class=\"sl-link\" href=\"https:\/\/www.seoliva.com\/seo-hizmeti\">SEO hizmetini incele <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\":\"https:\/\/schema.org\",\r\n  \"@type\":\"WebApplication\",\r\n  \"name\":\"SEOliva Hreflang Olu\u015fturma Arac\u0131\",\r\n  \"url\":\"https:\/\/www.seoliva.com\/hreflang-olusturma-araci\",\r\n  \"description\":\"Birbirinin dil veya b\u00f6lge kar\u015f\u0131l\u0131\u011f\u0131 olan sayfalar i\u00e7in hreflang etiketleri olu\u015fturmaya yard\u0131mc\u0131 olan \u00fccretsiz SEO arac\u0131.\",\r\n  \"applicationCategory\":\"BusinessApplication\",\r\n  \"operatingSystem\":\"Web\",\r\n  \"isAccessibleForFree\":true,\r\n  \"offers\":{\r\n    \"@type\":\"Offer\",\r\n    \"price\":\"0\",\r\n    \"priceCurrency\":\"TRY\"\r\n  },\r\n  \"featureList\":[\r\n    \"Hreflang etiketi olu\u015fturma\",\r\n    \"Dil ve b\u00f6lge kodu se\u00e7imi\",\r\n    \"x-default deste\u011fi\",\r\n    \"Yaz\u0131l\u0131mc\u0131 uygulama notu\"\r\n  ],\r\n  \"publisher\":{\r\n    \"@type\":\"Organization\",\r\n    \"name\":\"SEOliva\",\r\n    \"url\":\"https:\/\/www.seoliva.com\/\"\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hreflang Olu\u015fturma Arac\u0131 Birbirinin ger\u00e7ek dil veya b\u00f6lge kar\u015f\u0131l\u0131\u011f\u0131 olan sayfalar\u0131 ayn\u0131 gruba ekleyin. Ara\u00e7, bu sayfa grubu i\u00e7in kullanabilece\u011finiz hreflang etiketlerini olu\u015fturur. Dilleri se\u00e7in T\u00fcrk\u00e7e, \u0130ngilizce veya kulland\u0131\u011f\u0131n\u0131z di\u011fer dil ve b\u00f6lge s\u00fcr\u00fcmlerini listeden se\u00e7in. Kar\u015f\u0131l\u0131k gelen URL&#8217;leri girin Hakk\u0131m\u0131zda ile About gibi ayn\u0131 i\u00e7eri\u011fin farkl\u0131 dil s\u00fcr\u00fcmlerini birbiriyle e\u015fle\u015ftirin. Kodu olu\u015fturun Olu\u015fan ayn\u0131 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2745,"parent":4373,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4302","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/pages\/4302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/comments?post=4302"}],"version-history":[{"count":0,"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/pages\/4302\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/pages\/4373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/media\/2745"}],"wp:attachment":[{"href":"https:\/\/www.seoliva.com\/en\/wp-json\/wp\/v2\/media?parent=4302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}