{"id":14546,"date":"2026-06-08T14:28:02","date_gmt":"2026-06-08T05:28:02","guid":{"rendered":"https:\/\/rakkokeyword.com\/techo\/?p=14546"},"modified":"2026-06-08T14:28:03","modified_gmt":"2026-06-08T05:28:03","slug":"tool-metatag-extractor","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-metatag-extractor\/","title":{"rendered":"\u30e1\u30bf\u30bf\u30b0\u78ba\u8a8d\u30c4\u30fc\u30eb"},"content":{"rendered":"<div id=\"sgb-css-id-1\">\n<div class=\"mtc_container\">\n    <p class=\"mtc_description\">\n        Web\u30b5\u30a4\u30c8\u30fbYouTube\u306e\u30e1\u30bf\u30bf\u30b0\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\n    <\/p>\n    \n    <div class=\"mtc_input_group\">\n        <input type=\"text\" id=\"mtc_url_input\" class=\"mtc_input\" placeholder=\"Web\u30b5\u30a4\u30c8\u307e\u305f\u306fYouTube\u306eURL\u3092\u5165\u529b...\" autocomplete=\"off\">\n        <button id=\"mtc_extract_btn\" class=\"mtc_btn mtc_btn_primary\">\u62bd\u51fa\u3059\u308b<\/button>\n        <button id=\"mtc_reset_btn\" class=\"mtc_btn mtc_btn_secondary\">\u30ea\u30bb\u30c3\u30c8<\/button>\n    <\/div>\n\n    <div id=\"mtc_loading\" class=\"mtc_hidden\">\n        <div class=\"mtc_spinner\"><\/div>\n        <p class=\"mtc_loading_text\">\u89e3\u6790\u4e2d\u2026<\/p>\n    <\/div>\n\n    <div id=\"mtc_error\" class=\"mtc_hidden mtc_error_msg\"><\/div>\n\n    <div id=\"mtc_result_area\" class=\"mtc_hidden\">\n        <\/div>\n<\/div>\n\n<style>\n\/* CSS - Border\u4e0d\u4f7f\u7528\u3001\u767d\u9ed2\u57fa\u8abf\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3001\u9752\u8272\u30dc\u30bf\u30f3\u6307\u5b9a *\/\n.mtc_container {\n    width: 100%;\n    max-width: 720px;\n    margin: 0 auto;\n    font-family: sans-serif;\n    color: #333;\n    box-sizing: border-box;\n    background-color: #fff;\n}\n.mtc_container * {\n    box-sizing: border-box;\n}\n.mtc_description {\n    font-size: 14px;\n    color: #333;\n    background-color: #f9f9f9;\n    border-left: 4px solid #13284B;\n    padding: 12px 16px;\n    margin-bottom: 24px;\n    line-height: 1.6;\n    border-radius: 2px;\n}\n.mtc_input_group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 24px;\n}\n.mtc_input {\n    flex: 1 1 200px;\n    height: 44px;\n    padding: 0 12px;\n    font-size: 16px;\n    background-color: #f9f9f9;\n    box-shadow: inset 0 0 0 1px #ccc;\n    border: none;\n    border-radius: 4px;\n}\n.mtc_input:focus {\n    box-shadow: inset 0 0 0 2px #13284B;\n    outline: none;\n}\n.mtc_btn {\n    height: 44px;\n    padding: 0 20px;\n    font-size: 14px;\n    font-weight: bold;\n    cursor: pointer;\n    border: none;\n    border-radius: 4px;\n    transition: opacity 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.mtc_btn:hover {\n    opacity: 0.8;\n}\n.mtc_btn_primary {\n    background-color: #13284B;\n    color: #fff;\n}\n.mtc_btn_secondary {\n    background-color: #e0e0e0;\n    color: #333;\n}\n.mtc_btn_small {\n    height: 32px;\n    padding: 0 12px;\n    font-size: 12px;\n    margin-bottom: 8px;\n}\n\n\/* \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3 *\/\n.mtc_hidden {\n    display: none !important;\n}\n.mtc_error_msg {\n    color: #fff;\n    background-color: #333;\n    padding: 12px;\n    border-radius: 4px;\n    margin-bottom: 16px;\n    font-size: 14px;\n}\n.mtc_section_title {\n    font-size: 18px;\n    font-weight: bold;\n    margin: 24px 0 12px 0;\n    color: #000;\n    padding-bottom: 8px;\n    box-shadow: 0 1px 0 0 #eee;\n}\n.mtc_text {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 8px;\n}\n\n\/* \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 *\/\n#mtc_loading {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 32px 0;\n}\n.mtc_spinner {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 3px #eee, inset 0 0 0 3px #13284B;\n    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0);\n    animation: mtc_spin 1s linear infinite;\n}\n@keyframes mtc_spin { 100% { transform: rotate(360deg); } }\n.mtc_loading_text {\n    margin-top: 12px;\n    font-size: 14px;\n    color: #666;\n}\n\n\/* YouTube\u5411\u3051 UI *\/\n.mtc_tag_container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n.mtc_tag_chip {\n    display: inline-flex;\n    align-items: center;\n    background-color: #f1f1f1;\n    color: #333;\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 13px;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s, color 0.2s;\n}\n.mtc_tag_chip.mtc_selected {\n    background-color: #13284B;\n    color: #fff;\n}\n.mtc_trend_link {\n    margin-left: 6px;\n    color: inherit;\n    text-decoration: none;\n    font-weight: bold;\n    opacity: 0.6;\n}\n.mtc_trend_link:hover {\n    opacity: 1;\n}\n.mtc_controls {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n.mtc_checkbox_label {\n    font-size: 14px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Web\u30b5\u30a4\u30c8\u5411\u3051 UI (\u30c6\u30fc\u30d6\u30eb) *\/\n.mtc_table_wrapper {\n    overflow-x: auto;\n    margin-bottom: 24px;\n}\n.mtc_table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n}\n.mtc_table th, .mtc_table td {\n    padding: 10px;\n    box-shadow: inset 0 -1px 0 0 #eee;\n}\n.mtc_table th {\n    background-color: #fafafa;\n    font-weight: bold;\n    white-space: nowrap;\n    width: 25%;\n}\n.mtc_badge {\n    display: inline-block;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: bold;\n    margin-top: 4px;\n}\n.mtc_badge_ok { background-color: #e6f4ea; color: #1e8e3e; }\n.mtc_badge_warn { background-color: #fce8e6; color: #d93025; }\n\n\/* OGP\u30d7\u30ec\u30d3\u30e5\u30fc *\/\n.mtc_ogp_preview {\n    max-width: 500px;\n    background-color: #fff;\n    box-shadow: 0 0 0 1px #e1e8ed;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-top: 16px;\n}\n.mtc_ogp_img_placeholder {\n    width: 100%;\n    aspect-ratio: 1.91 \/ 1;\n    background-color: #f0f2f5;\n    background-size: cover;\n    background-position: center;\n}\n.mtc_ogp_content {\n    padding: 12px;\n}\n.mtc_ogp_domain {\n    font-size: 12px;\n    color: #536471;\n    margin-bottom: 2px;\n}\n.mtc_ogp_title {\n    font-size: 15px;\n    font-weight: bold;\n    color: #0f1419;\n    margin-bottom: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.mtc_ogp_desc {\n    font-size: 13px;\n    color: #536471;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\/* \u30c8\u30fc\u30b9\u30c8\u901a\u77e5 *\/\n#mtc_toast {\n    position: fixed;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #333;\n    color: #fff;\n    padding: 10px 20px;\n    border-radius: 20px;\n    font-size: 14px;\n    z-index: 9999;\n    opacity: 0;\n    transition: opacity 0.3s;\n    pointer-events: none;\n}\n.mtc_toast_show {\n    opacity: 1 !important;\n}\n<\/style>\n\n<div id=\"mtc_toast\">\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ API\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8 (\u74b0\u5883\u306b\u5408\u308f\u305b\u3066\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044)\n    const API_URL = 'https:\/\/media-api.qcdgv19414.rakkoserver.net\/meta_tag_extractor.php';\n\n    const inputUrl = document.getElementById('mtc_url_input');\n    const btnExtract = document.getElementById('mtc_extract_btn');\n    const btnReset = document.getElementById('mtc_reset_btn');\n    const loading = document.getElementById('mtc_loading');\n    const errorArea = document.getElementById('mtc_error');\n    const resultArea = document.getElementById('mtc_result_area');\n    const toast = document.getElementById('mtc_toast');\n\n    \/\/ \u7279\u6b8a\u6587\u5b57\u30a8\u30b9\u30b1\u30fc\u30d7\n    function mtc_esc(str) {\n        if (typeof str !== 'string') return '';\n        return str.replace(\/[&'`\"<>]\/g, function(match) {\n            switch(match) {\n                case '&': return '&' + 'amp;';\n                case \"'\": return '&' + '#x27;';\n                case '`': return '&' + '#x60;';\n                case '\"': return '&' + 'quot;';\n                case '<': return '&#038;' + 'lt;';\n                case '>': return '&' + 'gt;';\n            }\n        });\n    }\n\n    function mtc_showError(msg) {\n        errorArea.innerHTML = mtc_esc(msg);\n        errorArea.classList.remove('mtc_hidden');\n    }\n\n    function mtc_clearError() {\n        errorArea.classList.add('mtc_hidden');\n        errorArea.innerHTML = '';\n    }\n\n    function mtc_showToast(msg) {\n        toast.innerHTML = mtc_esc(msg);\n        toast.classList.add('mtc_toast_show');\n        setTimeout(() => toast.classList.remove('mtc_toast_show'), 2500);\n    }\n\n    btnReset.addEventListener('click', function() {\n        inputUrl.value = '';\n        mtc_clearError();\n        resultArea.innerHTML = '';\n        resultArea.classList.add('mtc_hidden');\n    });\n\n    btnExtract.addEventListener('click', async function() {\n        const url = inputUrl.value.trim();\n        if (!url) {\n            mtc_showError('URL\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n            return;\n        }\n\n        mtc_clearError();\n        resultArea.innerHTML = '';\n        resultArea.classList.add('mtc_hidden');\n        loading.classList.remove('mtc_hidden');\n        btnExtract.disabled = true;\n\n        try {\n            const response = await fetch(API_URL, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/json' },\n                body: JSON.stringify({ url: url })\n            });\n\n            const data = await response.json();\n\n            if (!response.ok || data.error) {\n                throw new Error(data.error || '\u901a\u4fe1\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002');\n            }\n\n            mtc_renderResult(data, url);\n            resultArea.classList.remove('mtc_hidden');\n        } catch (err) {\n            mtc_showError(err.message);\n        } finally {\n            loading.classList.add('mtc_hidden');\n            btnExtract.disabled = false;\n        }\n    });\n\n    function mtc_renderResult(data, sourceUrl) {\n        let html = '';\n\n        if (data.type === 'youtube') {\n            html += `<p class=\"mtc_section_title\">\u62bd\u51fa\u5143\u52d5\u753b\u30bf\u30a4\u30c8\u30eb<\/p>`;\n            html += `<p class=\"mtc_text\"><strong>${mtc_esc(data.title) || '\u30bf\u30a4\u30c8\u30eb\u306a\u3057'}<\/strong><\/p>`;\n\n            html += `<p class=\"mtc_section_title\">\u62bd\u51fa\u30bf\u30b0\u4e00\u89a7<\/p>`;\n            \n            if (data.youtube_tags && data.youtube_tags.length > 0) {\n                html += `\n                <div class=\"mtc_controls\">\n                    <label class=\"mtc_checkbox_label\">\n                        <input type=\"checkbox\" id=\"mtc_check_all\"> \u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u9078\u629e\n                    <\/label>\n                    <button id=\"mtc_copy_tags\" class=\"mtc_btn mtc_btn_primary mtc_btn_small\">\u9078\u629e\u30bf\u30b0\u3092\u30b3\u30d4\u30fc<\/button>\n                <\/div>\n                <div class=\"mtc_tag_container\" id=\"mtc_tag_container\">\n                `;\n                \n                data.youtube_tags.forEach((tag, index) => {\n                    const eTag = mtc_esc(tag);\n                    const trendUrl = 'https:\/\/trends.google.co.jp\/trends\/explore?q=' + encodeURIComponent(tag);\n                    html += `\n                        <div class=\"mtc_tag_chip\" data-tag=\"${eTag}\">\n                            ${eTag}\n                            <a href=\"${trendUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mtc_trend_link\" title=\"Google\u30c8\u30ec\u30f3\u30c9\u3067\u78ba\u8a8d\" onclick=\"event.stopPropagation()\">\u2197<\/a>\n                        <\/div>\n                    `;\n                });\n                html += `<\/div>`;\n            } else {\n                html += `<p class=\"mtc_text\">\u30bf\u30b0\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>`;\n            }\n\n        } else {\n            \/\/ Website\n            html += `<p class=\"mtc_section_title\">\u30e1\u30bf\u30bf\u30b0\u4e00\u89a7<\/p>`;\n            html += `\n                <div class=\"mtc_controls\" style=\"justify-content: flex-end;\">\n                    <button id=\"mtc_copy_meta\" class=\"mtc_btn mtc_btn_primary mtc_btn_small\">\u4e00\u89a7\u30c7\u30fc\u30bf\u3092\u30b3\u30d4\u30fc (TSV)<\/button>\n                <\/div>\n                <div class=\"mtc_table_wrapper\">\n                <table class=\"mtc_table\" id=\"mtc_meta_table\">\n                    <thead><tr><th>\u30e1\u30bf\u30bf\u30b0\u540d<\/th><th>\u30b3\u30f3\u30c6\u30f3\u30c4<\/th><\/tr><\/thead>\n                    <tbody>\n            `;\n\n            let ogTitle = mtc_esc(data.title);\n            let ogDesc = '';\n            let ogImage = '';\n            \n            \/\/ HTML title tag\n            html += `<tr><td>title (HTML)<\/td><td>${mtc_esc(data.title)}${mtc_checkSeo('title', data.title)}<\/td><\/tr>`;\n\n            data.meta.forEach(item => {\n                const key = mtc_esc(item.key);\n                const content = mtc_esc(item.content);\n                \n                if (key === 'description') {\n                    html += `<tr><td>${key}<\/td><td>${content}${mtc_checkSeo('description', item.content)}<\/td><\/tr>`;\n                } else {\n                    html += `<tr><td>${key}<\/td><td style=\"word-break: break-all;\">${content}<\/td><\/tr>`;\n                }\n\n                if (key === 'og:title') ogTitle = content;\n                if (key === 'og:description') ogDesc = content;\n                if (key === 'og:image') ogImage = content;\n            });\n\n            html += `<\/tbody><\/table><\/div>`;\n\n            \/\/ OGP Preview\n            html += `<p class=\"mtc_section_title\">SNS\u30b7\u30a7\u30a2\u30d7\u30ec\u30d3\u30e5\u30fc (OGP)<\/p>`;\n            const domain = mtc_esc(new URL(sourceUrl).hostname);\n            const styleImg = ogImage ? `background-image: url('${ogImage}');` : '';\n            html += `\n                <div class=\"mtc_ogp_preview\">\n                    <div class=\"mtc_ogp_img_placeholder\" style=\"${styleImg}\"><\/div>\n                    <div class=\"mtc_ogp_content\">\n                        <div class=\"mtc_ogp_domain\">${domain}<\/div>\n                        <div class=\"mtc_ogp_title\">${ogTitle || '\u30bf\u30a4\u30c8\u30eb\u60c5\u5831\u306a\u3057'}<\/div>\n                        <div class=\"mtc_ogp_desc\">${ogDesc || '\u8aac\u660e\u6587\u60c5\u5831\u306a\u3057'}<\/div>\n                    <\/div>\n                <\/div>\n            `;\n        }\n\n        resultArea.innerHTML = html;\n\n        \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u306e\u4ed8\u4e0e\n        if (data.type === 'youtube' && data.youtube_tags && data.youtube_tags.length > 0) {\n            const container = document.getElementById('mtc_tag_container');\n            const chips = container.querySelectorAll('.mtc_tag_chip');\n            const checkAll = document.getElementById('mtc_check_all');\n            const btnCopy = document.getElementById('mtc_copy_tags');\n\n            chips.forEach(chip => {\n                chip.addEventListener('click', function() {\n                    this.classList.toggle('mtc_selected');\n                    mtc_updateCheckAll();\n                });\n            });\n\n            checkAll.addEventListener('change', function() {\n                const isChecked = this.checked;\n                chips.forEach(chip => {\n                    if (isChecked) chip.classList.add('mtc_selected');\n                    else chip.classList.remove('mtc_selected');\n                });\n            });\n\n            function mtc_updateCheckAll() {\n                const total = chips.length;\n                const selected = container.querySelectorAll('.mtc_tag_chip.mtc_selected').length;\n                checkAll.checked = (total > 0 && total === selected);\n            }\n\n            btnCopy.addEventListener('click', function() {\n                const selectedChips = container.querySelectorAll('.mtc_tag_chip.mtc_selected');\n                if (selectedChips.length === 0) {\n                    mtc_showToast('\u30bf\u30b0\u304c\u9078\u629e\u3055\u308c\u3066\u3044\u307e\u305b\u3093');\n                    return;\n                }\n                const tags = Array.from(selectedChips).map(chip => chip.getAttribute('data-tag'));\n                mtc_copyToClipboard(tags.join(', '));\n            });\n        }\n\n        if (data.type === 'website') {\n            const btnCopyMeta = document.getElementById('mtc_copy_meta');\n            btnCopyMeta.addEventListener('click', function() {\n                const rows = document.querySelectorAll('#mtc_meta_table tbody tr');\n                let tsv = '\u30bf\u30b0\u540d\\t\u30b3\u30f3\u30c6\u30f3\u30c4\\n';\n                rows.forEach(row => {\n                    const cols = row.querySelectorAll('td');\n                    tsv += `${cols[0].innerText}\\t${cols[1].innerText.replace(\/\\n\/g, ' ')}\\n`;\n                });\n                mtc_copyToClipboard(tsv);\n            });\n        }\n    }\n\n    function mtc_checkSeo(type, text) {\n        if (!text) return '';\n        const len = text.length;\n        let msg = '';\n        let badgeClass = '';\n\n        if (type === 'title') {\n            if (len >= 25 && len <= 35) { msg = `${len}\u6587\u5b57 (\u9069\u5207)`; badgeClass = 'mtc_badge_ok'; }\n            else { msg = `${len}\u6587\u5b57 (30\u6587\u5b57\u524d\u5f8c\u3092\u63a8\u5968)`; badgeClass = 'mtc_badge_warn'; }\n        } else if (type === 'description') {\n            if (len >= 60 && len <= 120) { msg = `${len}\u6587\u5b57 (\u9069\u5207)`; badgeClass = 'mtc_badge_ok'; }\n            else if (len > 120) { msg = `${len}\u6587\u5b57 (\u9577\u3059\u304e\u307e\u3059\u3002\u691c\u7d22\u7d50\u679c\u3067\u7701\u7565\u3055\u308c\u308b\u53ef\u80fd\u6027\u3042\u308a)`; badgeClass = 'mtc_badge_warn'; }\n            else { msg = `${len}\u6587\u5b57 (\u77ed\u3059\u304e\u307e\u3059\u300280\u301c120\u6587\u5b57\u63a8\u5968)`; badgeClass = 'mtc_badge_warn'; }\n        }\n\n        return `<br><span class=\"mtc_badge ${badgeClass}\">${msg}<\/span>`;\n    }\n\n    function mtc_copyToClipboard(text) {\n        if (navigator.clipboard && window.isSecureContext) {\n            navigator.clipboard.writeText(text).then(() => {\n                mtc_showToast('\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f');\n            }).catch(() => mtc_fallbackCopy(text));\n        } else {\n            mtc_fallbackCopy(text);\n        }\n    }\n\n    function mtc_fallbackCopy(text) {\n        const ta = document.createElement('textarea');\n        ta.value = text;\n        ta.style.position = 'fixed';\n        ta.style.left = '-9999px';\n        document.body.appendChild(ta);\n        ta.select();\n        try {\n            document.execCommand('copy');\n            mtc_showToast('\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f');\n        } catch (err) {\n            mtc_showToast('\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f');\n        }\n        document.body.removeChild(ta);\n    }\n});\n<\/script>\n<\/div>\n\n\n<p>URL\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u3001Web\u30b5\u30a4\u30c8\u3084YouTube\u52d5\u753b\u306e\u30e1\u30bf\u30bf\u30b0\u3092\u62bd\u51fa\u3059\u308b\u7121\u6599\u30c4\u30fc\u30eb\u3067\u3059\u3002\u5185\u90e8SEO\u6539\u5584\u30fb\u7af6\u5408\u306eYouTube\u30ad\u30fc\u30ef\u30fc\u30c9\u8abf\u67fb\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u5165\u529b\u3055\u308c\u305fURL\u304c\u300cWeb\u30b5\u30a4\u30c8\u300d\u304b\u300cYouTube\u52d5\u753b\u300d\u304b\u3092\u81ea\u52d5\u3067\u5224\u5b9a\u3057\u3001\u305d\u308c\u305e\u308c\u306b\u6700\u9069\u5316\u3055\u308c\u305f\u60c5\u5831\u3092\u62bd\u51fa\u30fb\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>Web\u30b5\u30a4\u30c8\u306eURL\u3092\u5165\u529b\u3057\u305f\u5834\u5408<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30e1\u30bf\u30bf\u30b0\u306e\u4e00\u89a7\u8868\u793a\uff1atitle\u3001description\u3001keywords\u306a\u3069\u306e\u91cd\u8981\u306aHTML\u30bf\u30b0\u3092\u4e00\u89a7\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>SEO\u6587\u5b57\u6570\u30c1\u30a7\u30c3\u30af\uff1atitle\u3068description\u306e\u6587\u5b57\u6570\u3092\u81ea\u52d5\u30ab\u30a6\u30f3\u30c8\u3057\u3001Google\u691c\u7d22\u7d50\u679c\u306b\u9069\u3057\u305f\u9577\u3055\u304b\u3092\u5224\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>SNS\u30b7\u30a7\u30a2\u30d7\u30ec\u30d3\u30e5\u30fc\uff1aOGP\u60c5\u5831\u3092\u8aad\u307f\u53d6\u308a\u3001X\uff08\u65e7Twitter\uff09\u306a\u3069\u3067\u30b7\u30a7\u30a2\u3055\u308c\u305f\u969b\u306e\u753b\u50cf\u3084\u30c6\u30ad\u30b9\u30c8\u306e\u898b\u3048\u65b9\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u306e\u4e00\u62ec\u30b3\u30d4\u30fc\uff1a\u62bd\u51fa\u3057\u305f\u30e1\u30bf\u30bf\u30b0\u4e00\u89a7\u3092\u3001\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u7b49\u306b\u8cbc\u308a\u4ed8\u3051\u3084\u3059\u3044TSV\u5f62\u5f0f\u3067\u4e00\u62ec\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p><strong>YouTube\u306eURL\u3092\u5165\u529b\u3057\u305f\u5834\u5408<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u52d5\u753b\u30bf\u30b0\u306e\u62bd\u51fa\uff1a\u901a\u5e38\u306f\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u308c\u306a\u3044\u3001\u52d5\u753b\u306b\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u300c\u30e1\u30bf\u30bf\u30b0\uff08\u691c\u7d22\u7528\u30ad\u30fc\u30ef\u30fc\u30c9\uff09\u300d\u3092\u4e00\u89a7\u3067\u62bd\u51fa\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>Google\u30c8\u30ec\u30f3\u30c9\u9023\u643a\uff1a\u62bd\u51fa\u3057\u305f\u30bf\u30b0\u306e\u6a2a\u306b\u3042\u308b\u77e2\u5370\u30dc\u30bf\u30f3\u304b\u3089\u3001\u305d\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u306e\u691c\u7d22\u9700\u8981\uff08\u30c8\u30ec\u30f3\u30c9\uff09\u3092\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u8abf\u67fb\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u9078\u629e\u30bf\u30b0\u306e\u4e00\u62ec\u30b3\u30d4\u30fc\uff1a\u5fc5\u8981\u306a\u30bf\u30b0\u3060\u3051\u3092\u9078\u629e\u3001\u307e\u305f\u306f\u3059\u3079\u3066\u9078\u629e\u3057\u3001YouTube\u306e\u6295\u7a3f\u753b\u9762\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3089\u308c\u308b\u30ab\u30f3\u30de\u533a\u5207\u308a\u5f62\u5f0f\u3067\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">\u4f7f\u3044\u65b9\uff08\u64cd\u4f5c\u624b\u9806\uff09<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>\u8abf\u67fb\u3057\u305f\u3044Web\u30b5\u30a4\u30c8\u3001\u307e\u305f\u306fYouTube\u52d5\u753b\u306eURL\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u672c\u30c4\u30fc\u30eb\u4e0a\u90e8\u306e\u5165\u529b\u6b04\u306bURL\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u300c\u62bd\u51fa\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u89e3\u6790\u304c\u5b8c\u4e86\u3059\u308b\u3068\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30c7\u30fc\u30bf\u306e\u30b3\u30d4\u30fc\u3084\u3001SNS\u30d7\u30ec\u30d3\u30e5\u30fc\u306e\u78ba\u8a8d\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li>\u5225\u306eURL\u3092\u8abf\u3079\u305f\u3044\u5834\u5408\u306f\u300c\u30ea\u30bb\u30c3\u30c8\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u521d\u671f\u72b6\u614b\u306b\u623b\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-2\">\u30e1\u30bf\u30bf\u30b0\u306b\u95a2\u3059\u308b\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u3092\u3088\u308a\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3059\u308b\u305f\u3081\u306b\u3001\u62bd\u51fa\u3055\u308c\u308b\u5404\u9805\u76ee\u306e\u57fa\u672c\u7684\u306a\u610f\u5473\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>title\u30bf\u30b0\uff08\u30bf\u30a4\u30c8\u30eb\uff09<\/strong>\uff1a\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306e\u691c\u7d22\u7d50\u679c\u306b\u304a\u3044\u3066\u3001\u6700\u3082\u5927\u304d\u304f\u8868\u793a\u3055\u308c\u308b\u30da\u30fc\u30b8\u306e\u30bf\u30a4\u30c8\u30eb\u3067\u3059\u3002\u7d0430\u6587\u5b57\u524d\u5f8c\u3067\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304cSEO\u306b\u304a\u3044\u3066\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>meta description\uff08\u30c7\u30a3\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\uff09<\/strong>\uff1a\u691c\u7d22\u7d50\u679c\u306e\u30bf\u30a4\u30c8\u30eb\u306e\u4e0b\u306b\u8868\u793a\u3055\u308c\u308b\u3001\u30da\u30fc\u30b8\u5185\u5bb9\u306e\u8aac\u660e\u6587\u3067\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u306e\u30af\u30ea\u30c3\u30af\u7387\u306b\u5927\u304d\u304f\u5f71\u97ff\u3059\u308b\u305f\u3081\u3001PC\u30fb\u30b9\u30de\u30db\u306e\u4e21\u65b9\u3067\u8aad\u307f\u3084\u3059\u304480\u301c120\u6587\u5b57\u7a0b\u5ea6\u306b\u53ce\u3081\u308b\u306e\u304c\u7406\u60f3\u7684\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>OGP\uff08Open Graph Protocol\uff09<\/strong>\uff1aSNS\u3067URL\u304c\u30b7\u30a7\u30a2\u3055\u308c\u305f\u969b\u306b\u3001\u30ea\u30c3\u30c1\u306a\u30ea\u30f3\u30af\u30ab\u30fc\u30c9\uff08\u753b\u50cf\u3001\u30bf\u30a4\u30c8\u30eb\u3001\u8aac\u660e\u6587\uff09\u3092\u8868\u793a\u3055\u305b\u308b\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3067\u3059\u3002\u300cog:title\u300d\u3084\u300cog:image\u300d\u306a\u3069\u304c\u6b63\u3057\u304f\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u3068\u3001\u9b45\u529b\u7684\u306a\u30b5\u30e0\u30cd\u30a4\u30eb\u304c\u8868\u793a\u3055\u308c\u305a\u3001SNS\u304b\u3089\u306e\u6d41\u5165\u6a5f\u4f1a\u3092\u640d\u5931\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>YouTube\u306e\u30bf\u30b0<\/strong>\uff1a\u52d5\u753b\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3084\u6587\u8108\u3092YouTube\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u4f1d\u3048\u308b\u305f\u3081\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u3059\u3002\u30bf\u30a4\u30c8\u30eb\u3084\u8aac\u660e\u6587\u3068\u4e26\u3073\u3001\u691c\u7d22\u7d50\u679c\u3084\u95a2\u9023\u52d5\u753b\u3078\u306e\u9732\u51fa\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5f79\u5272\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">YouTube\u306e\u30e1\u30bf\u30bf\u30b0\uff08\u30bf\u30b0\uff09\u3068\u306f\uff1f<\/h2>\n\n\n\n<p>\u300cYouTube\u306e\u30e1\u30bf\u30bf\u30b0\u3063\u3066\u306a\u306b\uff1f\u300d\u3068\u7591\u554f\u306b\u601d\u3046\u65b9\u3082\u591a\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002 \u5b9f\u306f\u3001Web\u30b5\u30a4\u30c8\u306e\u300c\u30e1\u30bf\u30bf\u30b0\u300d\u3068\u3001YouTube\u306e\u300c\u52d5\u753b\u30bf\u30b0\u300d\u306f\u3001\u5c11\u3057\u3060\u3051\u5f79\u5272\u304c\u7570\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Web\u30b5\u30a4\u30c8\u306e\u30e1\u30bf\u30bf\u30b0\uff1a<\/strong> Google\u306a\u3069\u306e\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306b\u3001\u30da\u30fc\u30b8\u306e\u5185\u5bb9\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u3082\u306e<\/li>\n\n\n\n<li><strong>YouTube\u306e\u52d5\u753b\u30bf\u30b0\uff1a<\/strong> YouTube\u306e\u30b7\u30b9\u30c6\u30e0\u306b\u3001\u3069\u3093\u306a\u52d5\u753b\u304b\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u3082\u306e<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306b\u3001\u30a2\u30d4\u30fc\u30eb\u3059\u308b\u76f8\u624b\u306f\u9055\u3044\u307e\u3059\u304c\u3001\u300c\u88cf\u5074\u306b\u8a2d\u5b9a\u3057\u3066\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5185\u5bb9\u3092\u4f1d\u3048\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u300d\u3068\u3044\u3046\u70b9\u306f\u307e\u3063\u305f\u304f\u540c\u3058\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u672c\u30c4\u30fc\u30eb\u306bYouTube\u306eURL\u3092\u5165\u529b\u3057\u3066\u3044\u305f\u3060\u304f\u3068\u3001\u3053\u306e\u300c\u52d5\u753b\u306e\u88cf\u5074\u306b\u8a2d\u5b9a\u3055\u308c\u305f\u30bf\u30b0\u300d\u3092\u30b7\u30b9\u30c6\u30e0\u304c\u81ea\u52d5\u62bd\u51fa\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002\u5c02\u9580\u7684\u306a\u77e5\u8b58\u304c\u306a\u304f\u3066\u3082\u3001\u3069\u3093\u306a\u30ad\u30fc\u30ef\u30fc\u30c9\u304c\u96a0\u308c\u3066\u3044\u308b\u306e\u304b\u3092\u7c21\u5358\u306b\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-4\">\u3053\u306e\u30c4\u30fc\u30eb\u304c\u5f79\u7acb\u3064\u3068\u304d\u306f\u3069\u3093\u306a\u3068\u304d\uff1f<\/h2>\n\n\n\n<p><strong>\u81ea\u793e\u30b5\u30a4\u30c8\u306eSEO\u30c1\u30a7\u30c3\u30af\u3092\u3057\u305f\u3044\u3068\u304d<\/strong>\uff1a\u8a18\u4e8b\u3092\u516c\u958b\u3057\u305f\u76f4\u5f8c\u3084\u3001\u65e2\u5b58\u30da\u30fc\u30b8\u306e\u30ea\u30e9\u30a4\u30c8\u3092\u884c\u3046\u969b\u306b\u3001\u30bf\u30a4\u30c8\u30eb\u3084\u30c7\u30a3\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u306e\u6587\u5b57\u6570\u304c\u9069\u5207\u304b\u3001OGP\u753b\u50cf\u304c\u610f\u56f3\u3057\u305f\u901a\u308a\u306b\u51fa\u529b\u3055\u308c\u308b\u304b\u3092\u77ac\u6642\u306b\u30c6\u30b9\u30c8\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u7af6\u5408\u30b5\u30a4\u30c8\u306eSEO\u6226\u7565\u3092\u5206\u6790\u3057\u305f\u3044\u3068\u304d<\/strong>\uff1a\u691c\u7d22\u4e0a\u4f4d\u306b\u3044\u308b\u30e9\u30a4\u30d0\u30eb\u30b5\u30a4\u30c8\u306eURL\u3092\u5165\u529b\u3059\u308b\u3053\u3068\u3067\u3001\u300c\u3069\u306e\u3088\u3046\u306a\u30c7\u30a3\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u3092\u66f8\u3044\u3066\u3044\u308b\u304b\u300d\u300c\u3069\u3093\u306a\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u72d9\u3063\u3066\u3044\u308b\u304b\u300d\u3092\u4e00\u89a7\u3067\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7\u3057\u3001\u81ea\u793e\u306e\u65bd\u7b56\u306b\u6d3b\u304b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>YouTube\u3067\u518d\u751f\u56de\u6570\u3092\u4f38\u3070\u3057\u305f\u3044\u3068\u304d\uff08\u52d5\u753b\u30ea\u30b5\u30fc\u30c1\uff09<\/strong>\uff1a\u81ea\u5206\u3068\u540c\u3058\u30b8\u30e3\u30f3\u30eb\u3067\u4f38\u3073\u3066\u3044\u308b\u4eba\u6c17\u52d5\u753b\u306eURL\u3092\u5165\u529b\u3059\u308c\u3070\u3001\u305d\u306e\u52d5\u753b\u304c\u88cf\u5074\u3067\u3069\u3093\u306a\u30bf\u30b0\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u304b\u304c\u4e38\u308f\u304b\u308a\u306b\u306a\u308a\u307e\u3059\u3002Google\u30c8\u30ec\u30f3\u30c9\u9023\u643a\u3092\u6d3b\u7528\u3057\u3066\u9700\u8981\u306e\u3042\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u898b\u6975\u3081\u3001\u81ea\u8eab\u306e\u52d5\u753b\u306e\u30bf\u30b0\u4ed8\u3051\u3084\u4f01\u753b\u7acb\u6848\u306e\u53c2\u8003\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web\u30b5\u30a4\u30c8\u30fbYouTube\u306e\u30e1\u30bf\u30bf\u30b0\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059 \u62bd\u51fa\u3059\u308b \u30ea\u30bb\u30c3\u30c8 \u89e3\u6790\u4e2d\u2026 \u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f URL\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u3001Web\u30b5\u30a4\u30c8\u3084YouTube\u52d5\u753b\u306e\u30e1\u30bf\u30bf\u30b0\u3092\u62bd\u51fa\u3059\u308b\u7121\u6599\u30c4\u30fc\u30eb\u3067\u3059\u3002\u5185\u90e8SEO\u6539 &#8230; <\/p>\n","protected":false},"author":4,"featured_media":14547,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,59],"tags":[],"class_list":{"0":"post-14546","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tool","8":"category-web-design","9":"entry"},"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/14546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/comments?post=14546"}],"version-history":[{"count":7,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/14546\/revisions"}],"predecessor-version":[{"id":14577,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/14546\/revisions\/14577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/14547"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=14546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=14546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=14546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}