ã¢ã¡ããã«ã¯èŠåºãæ©èœãããã®ããåç¥ã§ãã?
é·å¹Žããã°ãæžãããŠããæ¹ã§ãå®ã¯ç¥ããªã人ãå€ãã£ãããç¥ã£ãŠãããšããŠãæ£ããäœ¿ãæ¹ãç¥ããªã人ãã»ãšãã©ã§ãã
HTMLã¿ã°ãã³ããããŠããããç·ãæ ã§è£ 食ããŠç®ç«ãããŠèªã¿ãããããã®ãããã§ãããèŠåºãã®æ¬åœã®æå³ããã£ãããšçè§£ããªãã䜿ã£ãŠãããŸããããã
ã³ããããã ãã§ãããããæ ãç·ã§èŠåºããè£ é£Ÿããã¿ã°ã沢山ãçšæãããŠããã ããŸããã
æ¬æ¥ã¯ã¢ã¡ããã®èŠåºããããããæ ãç·ã§è£ 食ããã¿ã°ãšããããŒãã§ãå±ãããŸãã
èŠåºããšã¯?
ããããèŠåºããšã¯äœã§ããã?
èŠåºã ïŒã¿ã ããè±èª: headlineïŒãšã¯ãæ°èãå§ããšããæ§ã ãªèšäºãæç« ã«ãããŠå 容ã®èŠç¹ãéåžžã«çãèšèã«ãŸãšããæ¬æãã倧ããªåã§ç« ïŒãã£ãã¿ãŒïŒãç¯ïŒã»ã¯ã·ã§ã³ïŒã®æåã«çœ®ãããèšèã ãŠã£ãããã£ã¢ããåŒçš
èŠåºããšã¯æç« ãããèªã¿ãããããçºã«éèŠãªãã®ã§ãã
äŸãã°ã»ã»ã»ãã¢ã¡ããã§é 匵ã£ãŠé·æã®èšäºãæžããæã«èªè
ããã«æåŸãŸã§é£œããã«èªãã§ãããã«ã¯ã©ãããã°ããã§ãããã?
女æ§ã¯é·æãèªãã®ãèŠæãªæ¹ãå€ãã§ãã
èå³ã®ããããŒããªãäžåºŠæåŸãŸã§èªãã æç« ã§ãããã¡ããšèœãšã蟌ãçºã«æåãŸã§æ»ã£ãŠæŽã«ããäžåºŠèªããªããŠããšããããŸããã©ãã
ã§ã¯ãæãããŠã©ãããã°æåŸãŸã§èªãã§ãããããšãã§ããã®ã§ããããã»ã»ã»?
ããã¯ãåçŽã§ããèªè
ããã飜ããããªã工倫ãããããšã
ã§ãã®ã§ãèŠåºããå
¥ããŠèªã¿ããã工倫ããŠãããŸããããã
ã¢ã¡ããã®èŠåºãæ©èœã®äœ¿ãæ¹
ã§ã¯å®éã«ã¢ã¡ããã§ã®èŠåºãã®äœ¿ãæ¹ããäŒãããŸããã
ãâ èŠåºãã«ãããæåã®å ¥åã
ãã€ããŒãžâããã°ç®¡çâããã°ãæžã
ãã€ãèšäºãæžãéãã«ãèŠåºãã«ãããæåãå ¥åããã Â
ãâ¡æ®µèœâèŠåºããžã
ãã¡ãã«æ³šç®ããŠãã ãã!!
ããã©ã«ãã§ã¯æ®µèœãéžæãããç¶æ ã§ãã éåžžéãæç« ãå ¥åããæã¯ãã®ãŸãŸæžããŠãã ãããã
ã¯ãªãã¯ããŠã¿ããšã»ã»ã»ã
ããããã!!!!
åããŠèŠããšããæ¹ãããã®ã§ã¯ãªãã§ãããã!?
倧èŠåºããäžèŠåºããå°èŠåºããéžã¶ããšãã§ããŸãã
â»èŠåºãã«ãããæç« ãå ã«å ¥åãããã©ãã°ããŠå€§èŠåºããéžãã§ãã ãããã
ãâ¢èŠåºããå ¥ããåŸã«éåžžéãã®æç« ãžæ»ãã
æ¹è¡ãããšèŠåºãã¢ãŒããè§£é€ãããŠãéåžžéãã®æç« ãå ¥åããããšãã§ããŸãã
â»æ®éã®æç« ã«æ»ããªããšãã¯HTML衚瀺ã«ããŠã¿ã°ã確èªããŠã¿ãŸãããã Â
倧æåãšèŠåºãã®éã
Â
ãã¡ãã¯ã¢ã¡ããã§ã®èšäºã®å
¥åç»é¢ã§ãã
äžã¯å€§èŠåºãã§æåã倧ããããŠããŸãã äžã¯æåã®ãµã€ãºãXLã«ããŠå€§ããããŠããŸãã
ãé垞衚瀺ã
äžèŠåãã«èŠãããšæããŸãããå šç¶éããã§ããã
HTML衚瀺ã«ããŠã¿ããšããããŸãã
ãHTML衚瀺ã
倧èŠåºããå
¥ãããšããã®ã¿ã°ã¯<h2>ã«ãªã£ãŠããã®ãããããŸããã
æåãµã€ãºã倧ãããããšããã®ã¿ã°ã¯<span style=”font-size:1.96em;“>ãšãªã£ãŠããŸãã
èŠãç®ã¯åãã«èŠãããããããªãã®ã§ãããå šç¶éããã§ãã
Googleãªã©ã®æ€çŽ¢ãšã³ãžã³ã«ããã®ããã°ã«ã¯ãããªããšãæžããŠããŸããããšæããŠãããéèŠãªåœ¹å²ã
hã®åŸãã«ã€ãæ°åã¯å°ããã»ã©éèŠåºŠãé«ãã§ãã
èŠåºããå
¥ããããšã«ãããSEO察çã«ãªããŸãïŒ
ãã ãããã ãšè£ 食ãäœããªããŠå¯ããã»ã»ã»ã
ããããããã°ã«ããã!ããããã«ããã! ãããªæ¹ã¯äžèšã§ã玹ä»ãããŠããã ãã¿ã°ã䜿ã£ãŠã¿ãŠãã ããããã³ããã§ç°¡åã«ããããæ ãç·ã§è£ 食ããäºãã§ããŸã!!
ã¢ã¡ããã®èšäºã®äžã§ã®èŠåºãã®äœ¿ãæ¹
Â
[wp-svg-icons icon=”arrow-down” wrap=”span”]
â¡HTML衚瀺ã«ããã
[wp-svg-icons icon=”arrow-down” wrap=”span”]
[wp-svg-icons icon=”arrow-down” wrap=”span”]
â£éåžžè¡šç€ºã«æ»ããŠèŠåºããå ¥åããã
ã³ããã§ç°¡å!æ ãç·ã§äœãããããèŠåºãã®ã¿ã°äžèЧ
äžç·ã®èŠåºã
ã·ã³ãã«ã€ãºãã¹ã! è¶ ã·ã³ãã«ãªã¢ã³ããŒã©ã€ã³ã®èŠåºãã§ãã
<h2 style="width:80%; border-bottom: 2px solid #ff7fbf; padding-top: 5px;padding-left: 10px;padding-bottom: 5px;">倧èŠåºã</h2>
Â
<h3 style="width:75%; border-bottom: 2px solid #ff7fbf; padding-top: 5px;padding-left: 10px;margin-left: 10px;padding-bottom: 5px;">äžèŠåºã</h3>
Â
<h4 style="width:70%; border-bottom: 2px solid #ff7fbf; padding-top: 5px;padding-left: 10px;margin-left: 17px;padding-bottom: 5px;">å°èŠåºã</h4>
åºæ¬ã®èŠåºã
èŠåºããšèšãã°ãã! èªãã§ããèªè ããã«ãäŒãããããå®çªã®ãã¶ã€ã³ã§ãã
<h2 style="width:80%;border-left: 12px solid #ff7fbf; border-bottom: 2px solid #ff7fbf; padding-top: 5px;padding-left: 10px;padding-bottom: 5px;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-left: 10px solid #ff7fbf; border-bottom: 1px solid #ff7fbf; margin-left: 10px;padding-top: 5px;padding-left: 10px;padding-bottom: 5px;">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-left: 7px solid #ff7fbf; border-bottom: 1px solid #ff7fbf; margin-left: 17px;padding-top: 5px;padding-left: 10px;padding-bottom: 5px;">å°èŠåºã</h4>
äžäžã©ã€ã³ã®èŠåºã
ã¡ãã£ãšç®ç«ããããæã«ã¯ãäžäžã«ç·ã®ãããã¶ã€ã³ãããããã
<h2 style="width:80%;border-top: 2px solid #ff99cc;border-bottom: 2px solid #ff99cc;padding: 10px;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-top: 2px solid #ff99cc;border-bottom: 2px solid #ff99cc;padding: 8px;padding-left: 12px;margin-left: 10px;">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-top: 2px solid #ff99cc;border-bottom: 2px solid #ff99cc;padding: 6px;padding-left: 14px;margin-left: 20px;">å°èŠåºã</h4>
äžäžç Žç·ã®èŠåºã
äžäžã©ã€ã³ã®ç Žç·ããŒãžã§ã³! ãã·ã³ã®çž«ãç®ã®ããã«ãèŠããã®ã§ãããããããã¥ã©ã«ãªãã€ã¹ãã«ãªããŸãã
<h2 style="width:80%;border-top: 1px dashed #ff99cc;border-bottom: 1px dashed #ff99cc;padding: 10px;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-top: 1px dashed #ff99cc;border-bottom: 1px dashed #ff99cc;padding: 8px;padding-left: 12px;margin-left: 10px;">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-top: 1px dashed #ff99cc;border-bottom: 1px dashed #ff99cc;padding: 6px;padding-left: 14px;margin-left: 20px;">å°èŠåºã</h4>
äžäžç¹ç·(ããã)ã®èŠåºã
äžäžããããç·ã«ããäºã§å¥³ã®åã£ãœããããããã¶ã€ã³ãšãªããŸãã
<h2 style="width:80%;border-top: 1px dotted #ff99cc;border-bottom: 1px dotted #ff99cc;padding: 10px;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-top: 1px dotted #ff99cc;border-bottom: 1px dotted #ff99cc;padding: 8px;padding-left: 12px;margin-left: 10px;">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-top: 1px dotted #ff99cc;border-bottom: 1px dotted #ff99cc;padding: 6px;padding-left: 14px;margin-left: 20px;">å°èŠåºã</h4>
äžäžäºéç·ã®èŠåºã
ç Žç·ãç¹ç·ããã綺éºç®ãªæãã®ãã¶ã€ã³ãšãªããŸãã
<h2 style="width:80%;border-top: 4px double #ff69b4;border-bottom: 4px double #ff69b4;padding: 10px;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-top: 4px double #ff69b4;border-bottom: 4px double #ff69b4;padding: 8px;padding-left: 12px;margin-left: 10px;">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-top: 4px double #ff69b4;border-bottom: 4px double #ff69b4;padding: 6px;padding-left: 14px;margin-left: 20px;">å°èŠåºã</h4>
ãã³ã¯ã®ãã€ã³ãã®èŠåºã
ä»ç®é¢šã®ãã¶ã€ã³ã«ãã³ã¯ã®ãã€ã³ããã€ããŸããã
<h2 style="width:80%;border-left: 15px solid #f95a8b;padding: 10px;background: #feddf7;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-left: 13px solid #f95a8b;padding: 10px;background: #feddf7;margin-left: 10px;padding-left: 10px">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-left: 11px solid #f95a8b;padding: 10px;background: #feddf7;margin-left: 20px;padding-left: 10px">å°èŠåºã</h4>
ã°ã¬ãŒã®ãã€ã³ãä»ãã®èŠåºã
èœã¡çãã倧人ãã³ã¯ãšã°ã¬ãŒã®çµã¿åããã
<h2 style="width:80%;border-left: 15px solid #b4aeb1;padding: 10px;background: #eedce4;">倧èŠåºã</h2>
Â
<h3 style="width:75%;border-left: 13px solid #b4aeb1;padding: 10px;background: #eedce4;margin-left: 10px;padding-left: 10px">äžèŠåºã</h3>
Â
<h4 style="width:70%;border-left: 11px solid #b4aeb1;padding: 10px;background: #eedce4;margin-left: 20px;padding-left: 10px">å°èŠåºã</h4>
äžãå¡ãã€ã¶ãã®å¹ãåºãã®èŠåºã
å¹ãåºãã®èŠåºãã¯äººæ°ã®ãã¶ã€ã³ã§ã! å¡ãã€ã¶ãã®è²ãæ¿ãæã¯æåè²ã¯çœãããããã§ãã
<h2 style="width:80%;padding:10px;border-radius:12px;background:#ff1493;color:#fff; margin-bottom:0px;">倧èŠåºã</h2> <div style="width:0px;height:0px;border-style: solid;border-width: 15px 15px 0 15px;border-color: #ff1493 transparent transparent transparent;margin-left:30px;margin-bottom:20px;"> </div>
Â
<h3 style="width:75%;padding:10px;border-radius:12px;background:#ff1493;color:#fff;margin-bottom:0px;margin-left: 10px;">äžèŠåºã</h3> <div style="width:0px;height:0px;border-style: solid;border-width: 12px 12px 0 12px;border-color: #ff1493 transparent transparent transparent;margin-left:30px;margin-bottom:20px;"> </div>
Â
<h4 style="width:70%;padding:10px;border-radius:12px;background:#ff1493;color:#fff;margin-bottom:0px;margin-left: 20px;">å°èŠåºã</h4> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #ff1493 transparent transparent transparent;margin-left:40px;margin-bottom:20px;"> </div>
çœèæ¯ã®å¹ãåºãã®èŠåºã
å¹ãåºãã®ç·ã®è²ãšæåã®è²ãåãã«ãããšçµ±äžæãã§ãŸãã
<h2 style="width:80%;padding:10px;border: 2px solid #ff1493;border-radius:12px;background:#fff;color:#ff1493;margin-bottom:0px;">倧èŠåºã</h2> <div style="width:80%;margin-bottom:20px;"> <div style="width:0px;height:0px;border-style: solid;border-width: 15px 15px 0 15px;border-color: #ff1493 transparent transparent transparent;float:left;margin-left:31px;margin-bottom:0px;"> </div> <div style="width:0px;height:0px;border-style: solid;border-width: 15px 15px 0 15px;border-color: #fff transparent transparent transparent;float:left;margin-left:-30px;margin-top:-2px;"> </div></div>
Â
<h3 style="width:75%;padding:10px;border: 2px solid #ff1493;border-radius:12px;background:#fff;color:#ff1493;margin-bottom:0px;margin-left: 10px;">äžèŠåºã</h3> <div style="width:75%;margin-bottom:20px;"> <div style="width:0px;height:0px;border-style: solid;border-width: 13px 13px 0 13px;border-color: #ff1493 transparent transparent transparent;float:left;margin-left:36px;margin-bottom:0px;"> </div> <div style="width:0px;height:0px;border-style: solid;border-width: 13px 13px 0 13px;border-color: #fff transparent transparent transparent;float:left;margin-left:-26px;margin-top:-2px;"> </div></div>
Â
<h4 style="width:70%;padding:10px;border: 2px solid #ff1493;border-radius:12px;background:#fff;color:#ff1493;margin-bottom:0px;margin-left: 20px;">å°èŠåºã</h4> <div style="width:70%;margin-bottom:20px;"> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #ff1493 transparent transparent transparent;float:left;margin-left:41px;margin-bottom:0px;"> </div> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;float:left;margin-left:-20px;margin-top:-2px;"> </div></div>
éããä»ç®ã®ãã¶ã€ã³ã®èŠåºã(ã©ãã³ããŒ&玫)
ä»ç®ã2æéãããããªãã¶ã€ã³ã®èŠåºãã§ãã
<h2 style="width:70%;background:#fad2fd;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fad2fd,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ead2fd,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;">倧èŠåºã</h2>
Â
<h3 style="width:65%;background:#fad2fd;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fad2fd,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ead2fd,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 20px;">äžèŠåºã</h3>
Â
<h4 style="width:60%;background:#fad2fd;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fad2fd,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ead2fd,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 30px;">å°èŠåºã</h4>
éããä»ç®ã®ãã¶ã€ã³ã®èŠåºã(ãã³ã¯&é»è²)
äžèšã®è²éãããŒãžã§ã³ã§ãããã¹ãã«ã«ã©ãŒã§ãããã!!
<h2 style="width:70%;background:#fee1fc;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px fee1fc,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fefee1,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;">倧èŠåºã</h2>
Â
<h3 style="width:65%;background:#fee1fc;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px fee1fc,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fefee1,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 20px;">äžèŠåºã</h3>
Â
<h4 style="width:60%;background:#fee1fc;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px fee1fc,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fefee1,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 30px;">å°èŠåºã</h4>
ã¿ã°ã®è§£èª¬&è²ãå€ããæ¹æ³
backgroundïŒèæ¯è²
paddingïŒæ ãšæåã®éã®ééã®å¹
borderïŒç·ã®å€ªããçš®é¡ãè²ãæå®
ã»ç·ã®çš®é¡ âsolidâŠçŽç·ïŒdoubleâŠäºéç·ïŒdashedâŠç Žç·ïŒdottedâŠç¹ç· #fffã#fee1fcãªã©ã¯è²ã®çªå·ã§ãã
ãèªåã®å¥œããªè²ã«å€æŽãããæã¯ã#ããåŸãã®è±æ°åã倿ŽããŠãã ãããã
ãè²ãç·ã®å€ªãã倿Žããæã®æ³šæç¹ã
ã¿ã°ã¯1æåã§ãæ¶ããŠããŸããšããã¡ããšè¡šç€ºãããªããªã£ãŠããŸããŸãã
ãã£ããæ¶ããªãããã«æ³šæããŠãã ãããã
è²ã倿Žããæã¯ãã¡ãã®ãµã€ãããªã¹ã¹ã¡ã§ã!
[wp-svg-icons icon=”link” wrap=”span”] åè²å€§èŸå
ž
ãŸãšã
ã»èŠåºããå ¥ããäºã«ãã£ãŠãé·ãæç« ã§ãèªã¿ããããªããŸãã
ã»ããããæ ãç·ã§è£ 食ããäºã§ã峿°ãªãã¢ã¡ããã®èŠåºãããããã&ããããã«å€èº«!!
ã»ã¿ã°ã¯1æåã§ãæ¶ããŠããŸããšãã¡ããšè¡šç€ºãããŸããã
倿Žããæã¯ãŠãã«ãªæ¶ããªãããã«æ°ãã€ããŠã³ããããŠãã ãããã
æ¬æ¥ã¯ã¢ã¡ããã®èŠåºããããããæ ãç·ã§è£ 食ããã¿ã°ãšããããŒãã§ãå±ããããŠããã ããŸããã
æ¬æ¥ãæåŸãŸã§ãèªã¿ããã ããããããšãããããŸããã
ã³ã¡ã³ã