[B! html] XIAORINGã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

XIAORING id:XIAORING

htmlã«é–¢ã™ã‚‹XIAORINGã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

å¸¸æ™‚HTTPSåŒ–ï¼‹ãƒ‰ãƒ¡ã‚¤ãƒ³åå¤‰æ›´ã€SEOã®æ‚ªå½±éŸ¿ã‚¼ãƒã§é€²ã‚ãŸæ‰‹é †ã‚’ã™ã¹ã¦å…¬é–‹ï¼ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
ä»Šæ—¥ã¯ã€å¸¸æ™‚HTTPSåŒ–ã¨ãƒ‰ãƒ¡ã‚¤ãƒ³åå¤‰æ›´ã«é–¢ã™ã‚‹è©±é¡Œã‚’ã€‚Webæ‹…ã§ã¯10æœˆã«ã“ã®ä¸¡æ–¹ã‚’ä¸€æ°—ã«é€²ã‚ã¾ã—ãŸãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã®ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯æ¸›ãªã©ä¸€åˆ‡ãªã—ã«å®Œäº†ã—ã¾ã—ãŸã€‚ãã“ã§ã‚„ã£ãŸæ‰‹é †ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’å¤‰ãˆã‚‹ãªã‚‰å¸¸æ™‚HTTPSåŒ–ã‚‚Webæ‹…ã§ã¯ã€ã‚ªãƒ¼ãƒ—ãƒ³å½“æ™‚ã®ç¤¾åã«åŸºã¥ããƒ‰ãƒ¡ã‚¤ãƒ³åã€Œimpressrd.jpã€ã‚’é•·ã‚‰ãä½¿ã£ã¦ã„ã¾ã—ãŸãŒã€ã™ã§ã«ä¼šç¤¾ãŒã€Œæ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ—ãƒ¬ã‚¹ã€ã«ãªã£ã¦ã„ã‚‹ãŸã‚ã€å…¨ç¤¾çš„ãªçµ±ä¸€æ€§ã®è¦³ç‚¹ã‹ã‚‰ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’å¤‰ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ãŒã‚ã‚‹ã‚µã‚¤ãƒˆã§ã‚ã‚‹ãŸã‚ã€Wi-Fiç’°å¢ƒã§ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£æ‹…ä¿ãªã©ã‚‚ç›®çš„ã¨ã—ã¦ã€å¸¸æ™‚HTTPSåŒ–ã‚’è¡Œã„ã¾ã—ãŸã€‚ æ—§URLï¼š http://web-tan.forum.impressrd.jp/ æ–°URLï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³åå¤‰æ›´ï¼‹HTTPSåŒ–ï¼‰ï¼š https://webtan.impress.co.jp/ å®Ÿã¯ã€ã“ã®ç§»è¡Œä½œæ¥ã«ã¯
XIAORING 2021/02/05
webprogramming

html

seo

tutorial
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´å¾Œã¯Google Search Consoleã®ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´ãƒ„ãƒ¼ãƒ«ã§æ–°ã—ã„ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’é€šçŸ¥ã—ã‚ˆã† | ã†ã‚Œã—ãƒ‡ã‚¶ã‚¤ãƒ³
ã‚µã‚¤ãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ãŸå ´åˆã¯Google Search Consoleã®ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã¨æ–°ã—ã„URLã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«ä¿ƒã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚µã‚¤ãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ãŸã¨ãã®Search Consoleã®è¨å®šæ‰‹é †ã‚’ä»¥ä¸‹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ Google Search Consoleã®ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´ãƒ„ãƒ¼ãƒ«ã¨ã¯ Google Search Consoleã®ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´ãƒ„ãƒ¼ãƒ«ã¨ã¯ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´æ™‚ã«æ¤œç´¢çµæžœã«ãã®å½±éŸ¿ã‚’æœ€å°é™ã«æŠ‘ãˆã‚‹ãŸã‚ã®ç§»è¡Œãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã‚¢ãƒ‰ãƒ¬ã‚¹ã®å¤‰æ›´é€šçŸ¥ã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç¾åœ¨ã® Google æ¤œç´¢ã®æŽ²è¼‰é †ä½ã¸ã®å½±éŸ¿ã‚’æœ€å°é™ã«æŠ‘ãˆãªãŒã‚‰ã€æ–°ã—ã„ã‚¢ãƒ‰ãƒ¬ã‚¹ã®æ–°ã—ã„ URL ã‚’ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã«ç™»éŒ²ã™ã‚‹ãŸã‚ã«å¿…è¦ãª Google ã§ã®ç§»è¡Œãƒ—ãƒã‚»ã‚¹ã‚’ç®¡ç†ã§ãã¾ã™ã€‚ ã‚¢ãƒ‰ãƒ¬ã‚¹å¤‰æ›´ãƒ„ãƒ¼ãƒ«ã®ä½¿ç”¨ â€“ Search Console ãƒ˜ãƒ«ãƒ— æ–°ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’Google Search Console
XIAORING 2021/02/05
webprogramming

html

seo

tutorial
ãƒªãƒ³ã‚¯
é †ä½å¤‰å‹•ãƒªã‚¹ã‚¯ã‚’å›žé¿ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´å‰ã«å¿…ãšãŠã“ãªã†SEOé …ç›®
Home / ãƒ«ãƒžãƒ¼ãƒ–ãƒã‚° / SEO / é †ä½å¤‰å‹•ãƒªã‚¹ã‚¯ã‚’å›žé¿ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´å‰ã«å¿…ãšãŠã“ãªã†SEOé …ç›® é †ä½å¤‰å‹•ãƒªã‚¹ã‚¯ã‚’å›žé¿ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´å‰ã«å¿…ãšãŠã“ãªã†SEOé …ç›® ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ˆã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´ã‚„ã‚µãƒ¼ãƒãƒ¼ç§»è»¢ãªã©ã€URLã®å¤‰æ›´ã®éš›ã«ã¯å¤§ããªãƒªã‚¹ã‚¯ãŒä¼´ã„ã¾ã™ã€‚ ç§»è¡Œã«å¤±æ•—ã—ã€ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´å¾Œã®é †ä½æ€¥è½ã‚„ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯æ¸›å°‘ãªã©ã€å–ã‚Šè¿”ã—ãŒã¤ã‹ãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ç§»è¡Œå‰ã®ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ã«æˆ»ã™ã®ã«2å¹´ï½ž3å¹´ã¨ã‹ã‹ã£ã¦ã—ã¾ã†ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚‚å®Ÿéš›ã«ã‚ã‚‹ã®ã§ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´ã«ã‚ˆã‚‹ãƒªã‚¹ã‚¯ã‚’å›žé¿ã™ã‚‹ãŸã‚ã«ã€å¤‰æ›´å‰ã«å¿…ãšãƒã‚§ãƒƒã‚¯ã™ã¹ããƒ†ã‚¯ãƒ‹ã‚«ãƒ«SEOã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚DeepC rawlã®æ´»ç”¨ä¾‹ã¨ã¨ã‚‚ã«è§£èª¬ã—ã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ ãƒ‰ãƒ¡ã‚¤ãƒ³å¤‰æ›´ã«ã‚ˆã‚‹SEOã¸ã®å½±éŸ¿ URLãŒå¤‰æ›´ã«ãªã‚‹å ´åˆã€SEOã«é–¢ã—ã¦å¤§ããªå½±éŸ¿ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã¯ã€URLãŒå¤‰ã‚ã‚‹ã¨åˆ¥ã®ã‚µã‚¤ãƒˆã¨ã—ã¦èªè˜ã—ã¾ã™ã€‚
XIAORING 2021/02/05
webprogramming

html

seo

tutorial
ãƒªãƒ³ã‚¯
HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
XIAORING 2017/09/27
webdesign

html

tips

index
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
XIAORING 2015/02/25
viewport

webdesign

html

tutorial

smartphone
ãƒªãƒ³ã‚¯
åœ°åŸŸã®é…åŠ›ã‚’åºƒã’ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³äº‹å‹™æ‰€ï½œãƒãƒ¼ã‚«ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚‰åŒ…ã‚€ãƒ‡ã‚¶ã‚¤ãƒ³
åœ°åŸŸã«ã¯ã€Žä½•ã‚‚ãªã„ã€ã«æ€ãˆã¦å®Ÿã¯ãŸãã•ã‚“ã®è‰¯ãã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚è‰¯ãç‚¹ã¯æ—¥å¸¸ã«åŸ‹ã‚‚ã‚Œã¦ã—ã¾ã„ã€ãã®åœ°åŸŸã®äººä»¥å¤–ã®äººãŒçŸ¥ã£ã¦åˆã‚ã¦ã€Œã¸ãƒ¼ã™ã”ã„ã‚“ã ï¼ã€ãªã‚“ã¦æ°—ã¥ãäº‹ãŒã‚ã‚Šã¾ã™ã€‚ åŽ³ã‹ãªãŠç¥ã‚Šã‚„çµ¶æ™¯ã®å¤§è‡ªç„¶ã¨ã„ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã ã‘ã§ã¯ãªãã€ã‚ˆãé€šã£ã¦ã„ã‚‹ãŠåº—ã‚„æ¯Žå¹´ç¶šã„ã¦ã„ã‚‹åœ°åŸŸã®ã‚¤ãƒ™ãƒ³ãƒˆãªã©ã‚‚è‰¯ãã¨ã“ã‚ã«ãªã‚Šãˆã¾ã™ã€‚ ãã‚“ãªåœ°åŸŸã®è‰¯ãã¨ã“ã‚ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’é€šã—ã¦ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã‚‹åŠ›ãªã‚‹ã“ã¨ã‚’ä¿¡å¿µã¨ã—ã¦ã„ã¾ã™ã€‚
XIAORING 2015/02/25
viewport media query

webdesign

html

smartphone

css
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Tips ã‚ã‚Œã“ã‚Œ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã¯ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã«éŽã”ã›ãã†ã«ãªã„ Latin ã§ã™ã€‚ ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‘¨ã‚Šã§ã®ã‚ã‚Œã“ã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ å…ˆæ—¥ã® macky ã®è¨˜äº‹ã€ã€Œã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®çŸ¢å°ä»˜ããƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã€‚ã€ã‚‚ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ viewport ç³»ã®è¨å®š æç”»ã‚µã‚¤ã‚ºã‚’ãƒ‡ãƒã‚¤ã‚¹ã®æ¨ªå¹…ã«åˆã‚ã›ã‚‹ã€æ‹¡å¤§ç¸®å°ã‚’ä¸å¯ã« ã“ã‚ŒãŒä¸€ç•ªã‚ˆãè¦‹ã‚‹å½¢å¼ã§ã—ã‚‡ã†ã‹ï¼Ÿ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ble=no"> æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ã«ã™ã‚‹ å„ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€æ¨ªå‘ãã«ã™ã‚‹ã¨ text-size-adjust ã®å‡¦ç†ãŒèµ°ã‚Šã€è‡ªå‹•ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ï¼ˆæ‹¡å¤§ï¼‰ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ èª
XIAORING 2014/04/24
webdesign

smartphone

html

css3

tips
ãƒªãƒ³ã‚¯
1