趣味ブログアフィリエイト:楽天アフィリやAdSenseを詳細解説*記事内に広告が含まれています。itLinkedInB!HatenaPocketCopy見出しやリストは見た目だけでなく、文書構造に応じて「h1〜h6」の見出しタグや「ul,ol,li,」のリストのタグによってマークアップ(HTMLで記述すること)する必要があります。人は見た目で大きく見えたり太字になっていれば「見出し」と認識できますし、箇条書きになっていればリストであると受け取ります。マシーン(視覚障害者用のスクリーンリーダーや検索エンジンのプログラムであるクローラーなど)は、決められたタグを使用していないと判別できません。タグを使用することによって様々な支援機能が使えたり、SEO的に評価されたりします。構造、及び関係性は、プログラムによる解釈が可能である、又はテキストで提供されている。見出し設定には「h1〜h6(通常ブログ内で使うのはh3かh4くらいまで)」のタグが使われます。例をあげながらその正しい使用方法を紹介します。マシーンが「見出し」と認識することで・スクリーンリーダーでは見出しジャンプができる・アウトライン(目次)を作ることができる・検索エンジンのキーワードとして検出できるなど、ユーザーにとっても作り手にとっても利点がたくさんあります。見出しは見出しタグ「h1〜h6」を使う見た目にいくら大きな字や太字を使っても、見出しタグを使用していなければ見出し機能が働きません。見出しのレベルは飛ばさず順番に使う見出しは「h2→h3→h4」と順番に飛ばさずに使います。新エディター「Gutenberg」と旧エディターに分けて紹介します。見出しタグの設定ができます。*「h1」タグは記事タイトルに使用されているので文章中には使用しません*通常使用するのはh2、h3、h4くらいまでですエディターGutenbergでの設定方法ブロックの追加ボタンをクリックします。ブロックの種類で[見出し]を選択します。見出しの種類を選んでクリックします、見出しの内容を入力します。旧エディター(クラッシックエディター)での設定方法あらかじめ見出しに設定する文字を入力しておきます、入力した文字を選択します。[段落]欄の▲をクリックし、一覧の中から[見出し2]をクリックします。見出し2が設定されます。見出し3が設定されます。リスト設定リストは、「<ol>,<li>」または「<ul>,<li>」のタグを使用します。マシーンが「リスト」と認識することで・スクリーンリーダーではリストの項目数などを補足で読み上げてくれる・スクリーンリーダーでは次のリストへジャンプできる・大項目、中項目のリストも作成できるなどの機能が利用できます。順番のないリスト順番のないリストは、順番情報のない「・」や「■」なのが先頭についたリストのことです。この順番のないリストは<ul>,<li>タグを使用します。「1、2、3・・」や「a、b、c・・」というように順番が決まっているリストのことです。この順番のあるリストは<ol>,<li>タグを使用します。リストの設定方法WordPressでのリスト設定の方法です。エディターGutenbergでの設定方法1ブロック追加の「+」をクリックします2リストのマークをクリックします■順番なしリスト作成→「箇条書きリストに変換」をクリックリスト名を入力して改行すると、次のリスト項目が作成されます。■順番ありリスト作成→「順序付きリストに変換」をクリックリスト名を入力して改行すると、次のリスト項目が作成されます。■順番なしリスト作成→「番号なしリスト」をクリック先頭の図形を選択しますリスト名を入力して改行すると、次のリスト項目が作成されます。■順番ありリスト作成→「番号付きリスト」をクリック、番号の種類を選ぶ。リスト名を入力して改行すると、次のリスト項目が作成されます。簡単な操作で設定できます。自分で記号や数字を入れる必要もないので便利です。マシーンリーダブルという表現この「構造」に関する記事のなかでは、マークアップ(HTMLで記述すること)とマシンリーダブルになるという表現が頻繁に出てきます。「マシンリーダブル=マシンが読みやすい」というのは、文字通り機械にとって理解しやすいということです。具体的に言うと、SEOの面ではGoogleのクローラー(検索エンジンのプログラム)にとって解りやすい、またアクセシビリティの面ではスクリーンリーダにとって解りやすいという事です。これら機械が読み取っているのは、人間がブラウザで見ている表現ではなく、HTMLの構文そのものです。色や形、大きさレイアウトなどがない世界です。決められた構文(タグ)によって構造を認識してもらう(伝える)必要があるのです。え方で、「年齢や身体的条件を問わず、誰でもウェブで提供されている情報にアクセスして利用できること」を指します。見てわかりやすい&操作がしやすいページを用意することです。*このブログではWeb作成上の具体的な内容をひとつづつご紹介しています。バリアフリー化のための記事一覧りんごからのお知らせこんにちは、Ringoです。岡山県真庭市というところで非常勤のデザイン講師をしながら、ブログやメルマガを利用したネットビジネスをご紹介しています。このブログでは、老後の「ゆとり」を生む資金作りのノウハウを配信しています。今だけ無料で『資金づくりの種類や手法をわかりやすくまとめたレポート』をお渡し、無料で受け取りたい!ということであれば、今すぐ「りんごのメルマガ」にご登録ください。登録後、特典の受け取り方法をご案内するメールをお送りいたします。*特典を受け取った後にメルマガを解除いただいても構いません。*解除に対しての手数料もかかりません。メールを読み続けていただくと、シニアライフに嬉しい「お小遣い」を獲得できるノウハウを紹介。無理なくコツコツと老後の資金を増やしていくためのお得な情報をお届けします。SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。*クリックだけで登録はされません、表示された案内ページ内の申込フォームからご登録ください。感想・聞いてみたいこと・要望などなどお聞かせください。お問合せお願い記事内の不具合や間違い等をお知らせください。*お知らせいただいた方にはりんごからささやかなお礼を送らせていただきます。itLinkedInB!HatenaPocketCopyWebアクセシビリティ:マウスを使わない、キーボードだけで操作ができるWebページNextWebアクセシビリティ構造1:ページタイトルは「titleタグ」で記述する、人にも検索エンジンにもわかりやすく!Prevスポンサーリンク関連記事Webアクセシビリティとは?みんなのための「情報バリアフリー化」を具体例でわかりやすく解説!Webアクセシビリティとは、わかりやすく表現すると「情報のバリアフリー化」です。ネットビジネスの「いちばんやさしい解説サイト」です。そんなあなたに寄り添い解決へと導きます。誰にでもできる[手引き]がありますはじめてメルマガアフィリエイトに取り組むための作業マニュアルです。メルマガアフィリエイトの一連のシステムを構築するために必要な作業について順序だててご案内しているメルマガアフィリエイトに取り組むための作業マニュアル&サポートです。「無料レポート作成」、「LPの作成」,「メルマガの作成」、「ASPの登録」を誰でもわかるレベルを目指して解説&サポートします。感想・聞いてみたいこと・要望などなどお聞かせください。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト上に表示された文字を入力してください。この記事のトラックバックURLプロフィール訪問いただきありがとうございます。追いかけ夢を叶える】をテーマにシニアライフをばく進中。旦那さんとミニ四駆のお店を運営&非常勤のデザイン講師のかたわらネットビジネスを副業として収入を得ています。システム構築をサポートするコミュニティ運営です(^^)このブログは、ネットビジネスの始め方を噛み砕いて解説、内容を実践できるメルマガを配信。パソコンインストラクターや、コールセンターでのサポート経験を活かし、初心者のスキルやシニアのスピードに合わせたサポートを心がけています。年金受給率におびえない、想定外の災害にもあわてない、そんなゆとりあるシニアライフを目指すあなたを応援します。子育てを卒業!自分のために時間とお金を使える!!でも「夢見るシニアじゃいられない(現実は厳しい)」と感じているあなたに伝えたい情報です。「ブログやアフィリエイトって、聞いたことあるけど若者(わかもの)や強者(つわもの)しか手を出してはいけない気がして」と思っていませんか?「頑張ってみたけど、若い人の勢いについていけず挫折し諦めた」そんな経験がありますか?それでも大丈夫!ちょっと勇気を出して扉をあけてみてください。お手伝いできれば嬉しいです。画像をクリックすると索引ページが表示されますカテゴリー(テーマで記事を探す)GoogleGoogleAdsenseGoogleAnalyticsGoogleアカウントLPMac・iPhoneSNSFacebookInstagramX(Twitter)YahooひとりごとアクセシビリティアフィリエイトASPBrainInfocartInfotopTipsソフトやツールディスカバリーアカデミーブログSEOWordpressCocoonLuxeritasPluginドメインレンタルサーバーメルマガMyASPレポートメルマガをがっつりサポート■メルマガアフィリエイトの手引きはじめてメルマガアフィリエイトに取り組むための作業マニュアルとサポートです。■メルマガ構築に必須のメルマガシステム▶︎MyASPの契約と初期設定をサポートシニアアフィリエイターをSupport50代からのネットビジネスをりんごが徹底支援!今のあなたに必要なサポートが選べます。「ブログ」や「メルマガ」を利用した「アフィリエイト」で稼ぐためのマインド、ノウハウ、実際の作業がギュッと詰まっています。初心者が「安心して取り組める」カリキュラム。アフィリエイトの仕組みが学べて作れます。自分の「好き」や「特技」を活かして稼ぎませんか、あなたの「やりたい」を諦めずにシニアライフを豊にするための講座です。■アフィリエイトスタートアップマニュアルアフィリエイトのスタートにお勧め、再配布とアフィリエイトの権利を活用して早期に収益ゲットできます(^▽^)/はじめての自動収益化にお勧め!自動収益化のシステム作りをわかりやすく解説!いますぐゲット、ずっと役立つ選べる、りんごの無料メルマガあなたにぴったりのメルマガが選べます。rin_ngoSNSを活用しようFacebookやTwitterなど代表的な「SNS」の登録方法から活用ノウハウまでわかりやすく紹介しています。一緒にオリジナルなサイトを作成していきます。「アフィリエイト」の種類や仕組みを噛み砕いて解説、実践方法をやさしく案内しています。さんお問合せありがとうございます。cocoonでLPを作りたく、検索でこちらのサイトにたどり着きました。)m電話番号は携帯の電話番号で登録できます。さんこちらの投稿を見てstripeの導入を考えています。さんお問い合わせいただきありがとうございます。■メルマガを始めたいあなたのためのメルマガ▶︎メルマガを始める人用このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。