タグ

HTMLに関するpinelikeのブックマーク (7)

  • HTMLタグの最適化|SEO対策

    重要性 HTMLタグの最適化 by 結城永人 HTMLタグの最適化とはHTMLタグを適切に使用することで、検索エンジンにサイトの内容を正確に伝え、検索結果の上位表示を狙うための施策です。 検索エンジンにサイトの内容を正確に伝えることができなければ検索結果のキーワードマッチングを想定した施策の大半が成り立たなくなるため、HTMLタグの最適化はSEO対策の土台となる基的かつ根的な要素と考えられます。 タイトルタグ マークアップ タイトルタグはページのタイトルを示すタグです。タイトルタグは検索結果のタイトル部分に表示されるため、SEO対策において重要なタグの一つです。タイトルタグにはページの概要を簡潔にまとめ、検索キーワードを含めるようにしましょう。 具体的には以下の点に注意してタイトルタグを作成しましょう。 文字数は30文字以内が

    HTMLタグの最適化|SEO対策
    pinelike
    pinelike 2023/11/23
    SEO対策におけるHTMLタグの最適化ではタイトルタグ、メタディスクリプションタグ、見出しタグ、画像タグ、リンクタグが重要です。検索キーワードを含めながらコンテンツを的確に示します。重要なタを適切に使用……。
  • HTML Living Standardでのfigure要素やblockquote要素などの付帯情報のマークアップ

    HTMLの標準仕様が2021年1月29日にW3CのHTML5からWHATWGのHTML Living Standardに変更された。 HTML Living StandardとHTML歴史 その流れで、結構、大きな違いというか、個人的にやっていたfigureタグやblockquoteタグへのfooterタグのマークアップが通用しなくなったので、どうすれば良いかを纏めておきたい。 ブラウザがHTML5からHTML Living Standardへ完全に移行するわけではないから従来のままのマークアップでもサイトの表示や構成に直ちに不都合が生じるわけではない。 HTMLの標準仕様がWHATWGのHTML Living Standardになったからこれからは合わせてやって行くべきだけど、しかし以前の対応しないマークアップもなるべくならば合わせてやり直した方が良い。 HTML Living Sta

    HTML Living Standardでのfigure要素やblockquote要素などの付帯情報のマークアップ
    pinelike
    pinelike 2022/12/07
    2021年からHTMLの標準仕様がHTML5からHTML Living Standardに変更された。一つの違いとしてfigure要素やblockquote要素などのセクショニングルートのfooter要素が使えなくなったから付帯情報のマークアップについて新しく覚える。
  • サイトのファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順

    ブログの投稿者: 結城永人タイトル: サイトのファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順投稿のリンク: https://www.nagahitoyuki.com/2018/03/generic-setting-of-favicon-and-web-clip-icon-on-website-and-their-introduction-procedure-in-blogger.html最終更新: 2023年3月24日 (金) コメント

    サイトのファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順
    pinelike
    pinelike 2018/04/05
    ブラウザのタブやブックマークやデバイスのホーム画面にサイトのタイトルと共に画像を表示して訪問者に印象付けられる有り難いファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順を纏めてみた。
  • 404 Not Found | Atsushi Ezura

    Atsushi Ezura Photography Thank you for coming my photography site. This is Atsushi Ezura Photography. Unfortunately, your access page has no here. Please click here to go to the top of my photography’s site. “Atsushi Ezura Photography”サイトへようこそ。アクセスいただいたページは存在いたしません。恐れ入りますが、こちらをクリックして、ぜひ当方の写真をご覧になって行ってください。 女性モデル募集中 当サイトでは、ポートレイト写真・作品撮りの女性モデルを募集しています。 未経験・初心者大歓迎です。 学生さんやOLさんなど、職業は一切問いません(これまでに多くの未

    404 Not Found | Atsushi Ezura
    pinelike
    pinelike 2016/07/21
    HTMLとjQueryだけで何とも手軽にサイトに設置することができた。文字色を変えたければjQueryのCSSのところを変えれば良いし、検索ボックスの文章を変えたければHTMLのinputタグのtitleを変えれば良いということだ。
  • A beginner's guide to using the application cache  |  Articles  |  web.dev

    A beginner's guide to using the application cache Stay organized with collections Save and categorize content based on your preferences. Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to ma

    A beginner's guide to using the application cache  |  Articles  |  web.dev
    pinelike
    pinelike 2016/07/09
    HTML5のキャシュコントロールについてhtmlタグへのmanifest属性の追加とHTML5で推奨されるappcacheファイルの作成/アップロードとMINEタイプの提供(サーバーかataccessファイルでの設定)の三つのステップが必要だと覚えた。
  • スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化) | 9ineBB

    jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタンをクリックしたらメニューが出来るものです、これもjQueryでボタン化してそれにアクションを加えています 初期状態 左上のボタンをクリックして展開 仕組み 左上のボタンはdivですクラスがbutton-toggleのやつです、このdivにアクションを付けることでボタン化しています アクションは、他の要素がslideup、slidedownを交互に繰り替えるslideToggleを使うことで表現しています HTML コード <header> <div class="title"><h1><a href="">創造WEB</a></h1></div> <div class="

    スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化) | 9ineBB
    pinelike
    pinelike 2016/07/09
    サイトのメニューではなくて補足情報をボタンで出したかったので、消えたところからスタートしたかったけれどもソースコードのCSSのdisplayのnoneをblockに置き換えると成功した。ソースコードも短いし、凄く良いと思う。
  • The W3C Markup Validation Service

    Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

    pinelike
    pinelike 2015/10/27
    Webページのマークアップの誤りを調査できる。また注意点も指摘してくれる。
  • 1