COPYRIGHT 2013 CYBRiDGE CORPORATION
COPYRIGHT 2013 CYBRiDGE CORPORATION 2
TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3
XHTML XHTML 1.0 Strict XHTML 1.0 Strict <a> <abbr> <acronym> <address> <area> <b> <base> <bdo> <big> <blockquote> <body> <br> <button> <caption> <cite> <code> <col> <colgroup> <dd> <del> <dfn> <div> <dl> <dt> <em> <fieldset> <form> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <html> <i> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <map> <meta> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <samp> <script> <select> <small> <span> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <ul> <var> <applet> <basefont> <center> <dir> <font> <iframe> <isindex> <menu> <noframes> <s> <strike> <u> COPYRIGHT 2013 CYBRiDGE CORPORATION 4
XHTML XHTML <P> <p> <p>hogehoge <p>hogehoge</p> <br> <br /> " height=55 height="55" lang xml:lang lang="ja" xml:lang="ja" checkedh k d checked="checked h k d " h k d "--" <!----------> <!--======--> "<" "&" ">" love & peace love & peace id <a name="foo"> <a name="foo" id="foo"> head <script type="text/javascript"> <!-- <script type="text/javascript"> //<![CDATA[ COPYRIGHT 2013 CYBRiDGE CORPORATION 5
HTML5 HTML5XHTML 1.0 Strict HTML5 <article> <aside> <audio> <canvas> <command> <datalist> <details> <embed> <figcaption> <figure> <footer> <header> <hgroup> <keygen> <mark> <menu> <meter> <nav> <output> <progress> <section> <source> <summary> <time> <video> <rp> <rt> <ruby> <wbr> HTML5 <acronym> <applet> <basefont> <bgsound> <big> <blink> <center> <dir> <font> <frame> <frameset> <isindex> <listing> <marquee> <nobr> <noembed> <noframes> <plaintext> <rb> <spacer> <strike> <tt> <u> <xmp> COPYRIGHT 2013 CYBRiDGE CORPORATION 6
HTML5 HTML <P> <p> <p>hogehoge <p>hogehoge</p> <br /> <br> " height=55 height="55" - lang lang="ja" l " "--" <!----------> <!--======--> "<" "&" ">" love & peace love & peace type <script type="text/javascript" src="xxx.js"></script> <script src="xxx.js"></script> COPYRIGHT 2013 CYBRiDGE CORPORATION 7
960px HTML5 div bodyid#wrapper ID#container ID#header header ID#navinav class.breadcrumbs ( ) SEO + ID#main#side #contents ID#main ID#side aside 250px 300px ID #footer footer t ">" acss COPYRIGHT 2013 CYBRiDGE CORPORATION 8
#wrapper #container #main #contents COPYRIGHT 2013 CYBRiDGE CORPORATION 9
JavaScript functionnameid DTD XHTML 1.0 Strict XHTML 1.0 Transitional HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!DOCTYPE html> SEO head 1. DTD 2. 3. 4. (2009 2SEO ) 5. 6. CSS 7. JS <head></body> COPYRIGHT 2013 CYBRiDGE CORPORATION 10
meta <head><meta> JavaScript CSS XHTML <meta http-equiv="content-language" content="ja" /> <meta http-equiv= equiv="content-type Type" content="text/html; text/html; charset=utf-8 8" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> HTML5 <meta charset="utf-8"> description 110 <meta name= description content= WEB " /> keywords, 5 10 <meta name= keywords" content="web,,web,web,,seo" /> viewport <meta name="viewport" content="width=device-width, de ice maximum-scale=1.0, m initial-scale=1.0, user-scalable=0"> scalable COPYRIGHT 2013 CYBRiDGE CORPORATION 11
OGP <meta property="og:title" content=" " /> <meta property="og:type" og:type content="" /> <meta property="og:url" content=" URL" /> <meta property="og:image" content="" /> <meta property="og:site_name" content="" /> <meta property="og:locale" content="ja_jp" /> <meta property="og:description" content=" " /> <meta property="fb:app_id" content=" ID"/> meta meta <meta name="robots" content="noindex,nofollow"> <meta name="author" content="" lang="ja" xml:lang="ja" /> <meta name="copyright" content="copyright CYBRiDGE CYBRiDGE CORPORATION." /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="sat, 31 Aug 2012 17:35:42 GMT"> COPYRIGHT 2013 CYBRiDGE CORPORATION 12
title <head><title> () SEO title <title> </title> link RSS <link rel="index contents" href="/" title=" " /> <link rel="shortcut icon" type="image/x-icon" href= /img/favicon.ico" /> <link rel="help" href="/help/" title=" " /> <link rel="alternate" media="handheld" href="http://www.cybridge.jp/m/" /> RSS <link rel="alternate" type="application/rss+xml" title="rss 2.0" href="http://www.cybridge.jp/index.xml" /> <link rel="prev" href="/news/229-0" /><link rel="next" href="/news/229-2" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="alternate" hreflang="ja" href="url" /> <link rel="alternate" hreflang="en" href=" URL" /> <link rel="apple-touch-icon-precomposed" p p href= /img/apple-touch-icon.png" p g /> COPYRIGHT 2013 CYBRiDGE CORPORATION 13
Javascript CSS <head> HTML5 typecss@import CSS <link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /> Javascript <script type="text/javascript" src="/js/common.js"></script> httpshttp // <script type="text/javascript" src=" //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> COPYRIGHT 2013 CYBRiDGE CORPORATION 14
h <h1> <h1> <h1><h2><h3><h4><h5><h6>h SEO <h3> HTML5h <section> <h1> Google(h1 h6 table <thead> <tbody> CSSHTML table table tabletable 2 img althtml5 alt GIF alt="" width height COPYRIGHT 2013 CYBRiDGE CORPORATION 15
title atitle SEO <a href="http://examples.jp/" title="seo">http://examples.jp</a> accesskey aaccesskey <a href="/" accesskey="0"> </a> XHTML 1.0 Strict a target="_blank""invalid" HTML5 W3C target= _blank COPYRIGHT 2013 CYBRiDGE CORPORATION 16
img CSS JPEG CSS Sprite CSSHTML CSS opacity GoogleCSS Googlebot XHTML HTML5 <b> <i> <strong> <em> <small> <hr>html5 COPYRIGHT 2013 CYBRiDGE CORPORATION 17
(http://www.nais-c.com ) /../profile/ http://www.cybridge.jp/business/ <a href="/business/"></a> () http://www.cybridge.jp/business/ <a href="http://www.cybridge.jp/business/"></a> URL http://www.cybridge.jp/ http://www.cybridge.jp/business/ URI /hogehoge.html /search?q=%42oofy URI foo/bar.html./hogehoge.html COPYRIGHT 2013 CYBRiDGE CORPORATION 18
HTML HTML tab 4 LF Unix <div class= section > <table> <tr> <td></td> </tr> </table> </div> Dreamweaver 1. [][] 2. [ ] 3. [ ] COPYRIGHT 2013 CYBRiDGE CORPORATION 19
HTML () <!----> </div> </div> HTML <div id="#header"> </div> <!-- /#header --> Dreamweaver http://design.kayac.com/topics/2010/05/dreamweaver-extention.php COPYRIGHT 2013 CYBRiDGE CORPORATION 20