SEOとJava Script。〜文書構造とチームと、時々、闇〜

4&0ͱ+BWB4DSJQUɻ ʙ จॻߏ଄ͱνʔϜͱɺ࣌ʑɺҋʙ   2016/01/16ɹWDFݚम ʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ DMM.com LaboɹYuki Minakawa

ࣗݾ঺հ w 2015/09/01 ʙ  %..DPN-BCPɹՃլσβΠϯ෦ʹ  ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO͠·ͨ͠ w ۀ຿Ͱ͸ɺ)5.-$44+BWB4DSJQU౳ͷ  ࣮૷΍։ൃ؀ڥͷ४උɾԅձ෦௕·Ͱ  ෯޿͘΍Βͤͯ௖͍ͯ·͢
ϛφΧϫϢ΢Ω )1LHMBCPDPN

ΑΖ͓͘͠ئ͍͠·͢ʂ

ؾʹͳΔ

ઌʹ݁࿦

ۃྗɺ+4ॻ͔ͳ͍Α͏ʹ͠Α͏

ۃྗɺ+4Λॻ͔ͳ͍Α͏ʹ͠Α͏

ຊ೔ͷΞδΣϯμ w ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ w จॻߏ଄Λҙࣝ͢Δ w ཧ૝ͱݱ࣮

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ※લஔ͖

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ Ϋϩʔϥʔ (PPHMF#PU౳

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ Ϋϩʔϥʔ (PPHMF#PU౳

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ Ϋϩʔϥʔ (PPHMF#PU౳ Θ͔Γ·ͨ͠ʔ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ Ϋϩʔϥʔ (PPHMF#PU౳ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͍͖ͨͩ·͢ʂ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ Ϋϩʔϥʔ (PPHMF#PU౳
΋͖ͬͯͨʂ

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͖Ζ͘͠Α͏ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ σʔλϕʔε

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͖Ζ͘׬ྃ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ σʔλϕʔε

ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ݕࡧΤϯδϯ  (PPHMF:BIPP౳ σʔλϕʔε ݕࡧ݁Ռʹදࣔ ֤छϒϥ΢β

͜͜·Ͱ֮͑Ε͹0,

ͦͷதͷɺ

్தͷग़དྷࣄ Ϋϩʔϥʔ (PPHMF#PU౳ ͳʹͳʹɾɾɾʁ

్தͷग़དྷࣄ Ϋϩʔϥʔ (PPHMF#PU౳ ɾɾɾɾɾɾɾɻ

w Ϋϩʔϥʔɹ಺༰͕ཧղͰ͖ͳ͍໰୊ ్தͷग़དྷࣄ Ϋϩʔϥʔ (PPHMF#PU౳ JNH͔͠ʜແ͍ʜʂ

w Ϋϩʔϥʔɹ಺༰͕ཧղͰ͖ͳ͍໰୊ ్தͷग़དྷࣄ Ϋϩʔϥʔ (PPHMF#PU౳ JNH͔͠ʜແ͍ʜʂ ࠓճ͸ίϨͷ࿩

จॻߏ଄Λҙࣝ͢Δ

จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ Ϋϩʔϥʔ (PPHMF#PU౳ ݟग़͕͠ແΤʂ

จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ Ϋϩʔϥʔ (PPHMF#PU౳ ςΩετແΤʂ

จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ Ϋϩʔϥʔ (PPHMF#PU౳ BMU΋ͦΕ΄ͲೖͬͯແΤʂ

จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ Ϋϩʔϥʔ (PPHMF#PU౳ JNH͔͠ʜແ͍ʜʂ

จॻߏ଄Λҙ͍ࣝͯ͠Δ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <h1 class="entryTitle">1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</h1>  <p>  ɹWDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ  ɹॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ 
ɹॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ  ɹʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ  ɹ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ  </p>    <h2>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</h2>  <p>  ɹ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ  ɹPV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ  ɹ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ  ɹ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ  </p>

จॻߏ଄Λҙ͍ࣝͯ͠Δ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <h1 class="entryTitle">1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</h1>  <p>  ɹWDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ  ɹॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ 
ɹॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ  ɹʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ  ɹ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ  </p>    <h2>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</h2>  <p>  ɹ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ  ɹPV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ  ɹ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ  ɹ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ  </p> ʜ΄͏ɻେݟग़͠͸ʮ։࠵8%'

จॻߏ଄Λҙࣝͯ͠ͳ͍ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <b>1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</b><br>  <br>  WDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ  ॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ  ॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ 
ʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ  ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ  <br>  <br>  <b>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</b><br>  <br>  ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ  PV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ  ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ  ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ 

จॻߏ଄Λҙࣝͯ͠ͳ͍ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <b>1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</b><br>  <br>  WDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ  ॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ  ॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ 
ʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ  ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ  <br>  <br>  <b>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</b><br>  <br>  ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ  PV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ  ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ  ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ  ʜͲ͏͍͏ࣄͩͬͯ͹Αʂʁ

จॻߏ଄ͱ͸Կͩͬͨͷ͔ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <img src="/images/ttl_h1_01.png" alt="">    <img src="/images/txt_01.png" alt=""> 
  <img src="/images/ttl_h2_01.png" alt="">    <img src="/images/txt_02.png" alt=""> ͭΒ͍

͓લ͸Ұମɺ  ԿΛݴ͍ͬͯΔΜͩɻ ※ΫϩʔϥʔͰ͢

͜ͷ݅ʹ͍ͭͯ͸ɺ  ্ʹ఻͑ͤͯ͞΋Β͏ɻ ※ΫϩʔϥʔͰ͢ ػձଛࣦ

ඒຯ͍͠ιʔεΛ͘Εʂ ※ΫϩʔϥʔͰ͢ ਖ਼͍͠จॻߏ଄ɺେࣄɻ

Ϋϩʔϥʔ (PPHMF#PU౳ JS CSS Ϋϩʔϥʔ͸  ιʔείʔυΛΈ͍ͯΔ ͜Ε͸Ұମɻ

Ϋϩʔϥʔ͸  Ͳ͏͍͍ͯ͠ͷ͔Θ͔Βͳ͍ʂ Ϋϩʔϥʔ (PPHMF#PU౳ JS CSS ͋͋ɺӟͷ+4Ͱ͢ΑͶ

ΫϩʔϥʔͷΫϩʔϦϯάʂ  .1͕ͨΓͳ͍ʂ Ϋϩʔϥʔ (PPHMF#PU౳ JS CSS ·ͩษڧதͳΜͰ͢ΑͶ

ϓϩάϨογϒɾΤϯϋϯεϝϯτ 

໾ׂΛ෼͚Δ

+4 ΠϯλϥΫγϣϯ Λ࡟আͯ͠΋ɺ  ಺༰͕௨͡Δ

$44 ελΠϧ Λ࡟আͯ͠΋ɺ  ಺༰͕௨͡Δ

໾ׂΛ෼͚Δ

໾ׂΛ෼͚Δ w )5.-͸ద੾ʹϚʔΫΞοϓ w ݟӫ͑ʹؔΘΔ΋ͷ͸$44 w ΠϯλϥΫγϣϯ͸+4Ͱ

ద੾ͳϚʔΫΞοϓʁ

ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ  ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔFUD

ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ  ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔFUD w )5.-ཁૉ͕ਖ਼͘͠ར༻͞Ε͍ͯΔ  ɾIλά౳ΛจࣈαΠζΛେ͖͘͢ΔҝͰ͸ͳ͘ɺ  ɹݟग़͠ͱͯ͠ద੾ʹར༻͢ΔFUD

ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ  ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔFUD w )5.-ཁૉ͕ਖ਼͘͠ར༻͞Ε͍ͯΔ  ɾIλά౳ΛจࣈαΠζΛେ͖͘͢ΔҝͰ͸ͳ͘ɺ  ɹݟग़͠ͱͯ͠ద੾ʹར༻͢ΔFUD w ςΩετʹελΠϧଐੑΛ௚઀తʹؚ·ͳ͍ 
ɾGPOU΍DFOUFSλά΍EJWTUZMFlz  ɾͪΌΜͱ$44ʹهࡌ͢Δ 

ۃྗɺ+4ॻ͔ͳ͍Α͏ʹ͠Α͏

ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ  Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ

ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ  Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ      w )5.-εφοϓγϣοτʁ

ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ  Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ      w )5.-εφοϓγϣοτʁ  ɾ޻਺ֻ͕͔Δ  ɾͦͷલʹߏ੒తʹ໰୊ͳ͍ʁ

ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ  Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ      w +BWB4DSJQUΛ੾ͬͯ΋৘ใΛɺ  ӾཡɾϖʔδભҠͰ͖ΔΑ͏ʹ࡞Δʂ 

ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը 

+40/ͷσʔλΛ+4Ͱ)5.-ʹඳը                  //
HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li></li>  <li></li>  </ul>  </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

+40/ͷσʔλΛ+4Ͱ)5.-ʹඳը  // JSON  [  {  "title": "૓Ӣ",  "genre": "ۦஞ؋",  "note":
“զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ]                 // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li></li>  <li></li>  </ul>  </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

+40/ͷσʔλΛ+4Ͱ)5.-ʹඳը  // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul
li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li></li>  <li></li>  </ul>  </body> // JSON  [  {  "title": "૓Ӣ",  "genre": "ۦஞ؋",  "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

+40/ͷσʔλΛ+4Ͱ)5.-ʹඳը  // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul
li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> // JSON  [  {  "title": "૓Ӣ",  "genre": "ۦஞ؋",  "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

“զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍  ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ

“զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍  ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ w )5.-ࣗମʹBISFGlIPHFzͰهࡌ͢Δ

“զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍  ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ w )5.-ࣗମʹBISFGlIPHFzͰهࡌ͢Δ w ΦϦδφϧςΩετ͸ඇಉظʹ͠ͳ͍  ˞(PPHMF͸ΦϦδφϧςΩετΛߴ͘ධՁ͢Δ܏޲͕͋Δҝ

ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը  // JSON  [  {  "title": "૓Ӣ",  "genre": "ۦஞ؋", 
"note": “զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ] // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)  .appendTo(‘ul li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> w 63-͸ಈతʹੜ੒͠ͳ͍  ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ w )5.-ࣗମʹBISFGlIPHFzͰهࡌ͢Δ w ΦϦδφϧςΩετ͸ඇಉظʹ͠ͳ͍  ˞(PPHMF͸ΦϦδφϧςΩετΛߴ͘ධՁ͢Δ܏޲͕͋Δҝ w ߋʹෳ਺ϖʔδʹར༻͢ΔͱϖφϧςΟ  ˞ίϯςϯπ಺༰͕๡͍͠ϖʔδ͕αΠτ಺ʹଟ਺͋ͬͨ৔߹ɺ௿඼࣭αΠτͱ൑அ

ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը  // JS  $.getJSON(“itemlist.json” ,function(data) {  $(data).each(function){  $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) 
.appendTo(‘ul li’);  }  });    // HTML  <body>  <h1>؋ୂҰཡ</h1>   <ul>  <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>  <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>  </ul>  </body> // JSON  [  {  "title": "૓Ӣ",  "genre": "ۦஞ؋",  "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",  "url": “https://murakumo.com”  },  {  "title": "ౡ෩",  "genre": "ۦஞ؋",  "note": “ΊͬͪΌૣ͍",  "url": “https://simakaze.com”  },  ]

ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ 

εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ  ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ Slider images

Slider images εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ  li { display:none;} JS OFF $(function(){  $(“.slide
li”).show();  }); ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ  Slider images li { display:none;} JS OFF $(function(){  $(“.slide
li”).show();  }); ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ  Slider images JS OFF ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍

ଞʹ΋৭ʑ w φϏ౳ͷओཁͳϦϯΫΛඇಉظίϯςϯπʹ͠ͳ͍ w +BWB4DSJQUʹΑΔϦμΠϨΫτ w ϒϥ΢βʹϨϯμϦϯάͤ͞Δલʹɺ  αʔόαΠυͰϨϯμϦϯάग़དྷͳ͍͔ߟ͑Δɻ w ΞϓϦΠϯετʔϧΛଅ͢ʮΠϯλʔεςΟγϟϧ޿ࠂʯ΋ 
ίϯςϯπͷେ൒Λ෴͏Α͏ͳ΋ͷͩͱɺϖφϧςΟର৅

ͱ͸ݴ͏΋ͷͷ

೉͍࣌͠΋͋Δ

ཧ૝ͱݱ࣮

෼ۀͷҋ

෼ۀͷҋ σβΠφʔ σβΠϯΧϯϓग़དྷͨͷͰɺ  ϚʔΫΞοϓ͓ئ͍͠·͢ɻ

෼ۀͷҋ σβΠφʔ σβΠϯΧϯϓग़དྷͨͷͰɺ  ϚʔΫΞοϓ͓ئ͍͠·͢ɻ ΘɺΘ͔Γ·ͨ͠ʂ ৽ਓ͘Μ

෼ۀͷҋ σβΠφʔ ɾɾɾɾɾʂ ৽ਓ͘Μ

෼ۀͷҋ σβΠφʔ ग़དྷ·ͨ͠ʂ ৽ਓ͘Μ

෼ۀͷҋ ʊਓਓਓਓਓਓਓʊ ʼɹEJW·ΈΕɹʻ ʉ:?:?:?:?:?:ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋ΓɺฐࣾͷࣄྫͰ͸͋Γ·ͤΜɻ

෼ۀͷҋ σβΠφʔ ίʔσΟϯά͕׬ྃͨ͠ͷͰɺ +4ͷॲཧಋೖ͓ئ͍͠·͢ɻ ΤϯδχΞ

෼ۀͷҋ σβΠφʔ ίʔσΟϯά͕׬ྃͨ͠ͷͰɺ +4ͷॲཧಋೖ͓ئ͍͠·͢ɻ ΤϯδχΞ ྃղ͠·ͨ͠ɻ ಺༰֬ೝ͠·͢ɻ

෼ۀͷҋ ʊਓਓਓਓਓਓਓʊ ʼɹJNH͔͠ͳ͍ɹʻ ʉ:?:?:?:?:?:ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋ΓɺฐࣾͷࣄྫͰ͸͋Γ·ͤΜɻ ʊਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹUFYUJOEFOUɹʻ ʉ:?:?:?:?:?:?:?:?:ʉ

ʊਓਓਓਓਓʊ ʼɹͭΒ͍ɹʻ ʉ:?:?:?:?ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋Γɺ౰ࣾͷࣄྫͰ͸͋Γ·ͤΜɻ

˞͋͘·Ͱى͜Γ͏Δҋͷ ྫͰ͋ΓɺฐࣾͷࣄྫͰ͸ ͋Γ·ͤΜɻ

ͪͳΈʹ

ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒

ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒ w ఆظతͳࣾ಺ษڧձͷ։࠵ ౦ژ˱ੴ઒

ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒ w ఆظతͳࣾ಺ษڧձͷ։࠵ ౦ژ˱ੴ઒ w 4MBDLΛར༻ͯ͠׆ൃʹ৘ใަ׵

ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒ w ఆظతͳࣾ಺ษڧձͷ։࠵ w 4MBDLΛར༻ͯ͠׆ൃʹ৘ใަ׵

·ͱΊ

·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ  4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ

·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ  4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ w ෦෼తʹ͔͠୲౰Ͱ͖ͳ͍Ϟϊ΋͋ΔͷͰɺ  ͦͷ੍ݶͷதͰɺग़དྷΔࣄ͸Կ͔ߟ͑Δɻ

·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ  4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ w ෦෼తʹ͔͠୲౰Ͱ͖ͳ͍Ϟϊ΋͋ΔͷͰɺ  ͦͷ੍ݶͷதͰɺग़དྷΔࣄ͸Կ͔ߟ͑Δɻ w νʔϜΈΜͳͰ4&0ʹ͍ͭͯߟ͑ɺ  ஌ࣝΛڞ༗͢Δࣄɺେࣄɻ

5IBOLZPV%

SEOとJava Script。 〜文書構造とチームと、時々、闇〜

SEOとJava Script。 〜文書構造とチームと、時々、闇〜

More Decks by yu-kgr

Other Decks in Technology

Featured

Transcript

SEOとJava Script。〜文書構造とチームと、時々、闇〜

SEOとJava Script。〜文書構造とチームと、時々、闇〜