タグ

HTMLとWebに関するYassLabのブックマーク (5)

  • Episode - Schema.org Type

    YassLab
    YassLab 2025/10/17
    “Episode - A Schema.org Type: Thing > CreativeWork > Episode - A media episode (e.g. TV, radio, video game) which can be part of a series or season.”
  • Event - Schema.org Type

    Canonical URL: https://schema.org/Event Equivalent Class: fibo-fnd-dt-oc:Occurrence Equivalent Class: dcmitype:Event Check for open issues. An event happening at a certain time and location, such as a concert, lecture, or festival. Ticketing information may be added via the offers property. Repeated events may be structured as separate Event objects.

    YassLab
    YassLab 2025/10/16
    “An event happening at a certain time and location, such as a concert, lecture, or festival. Ticketing information may be added via the offers property. Repeated events may be structured as separate Event objects.”
  • lang 属性にGoogle「言語指定にlangは使うな」/公式発言 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる

    Google「lang属性、全く見てない」 「lang属性、全く見てない」。これは、2016年11月に行われたオンラインカンファレンスで、Googleスポークスパーソンを務めるジョン・ミューラーが語った内容です。 ユーザーからの質問を受け、ミューラーは「Googleはlang属性を全く使っていない。替わりというと、リンク(aタグ)の中のhreflang属性だ」と回答しました。やり取りは下記のようなものです。 (ユーザーからの質問:) HTMLソースの中で、このサイトがどの言語で書かれているかを示すことって、重要な事なんですか?Googleサーチコンソールとかでも定義したりできるはずですが。 (ミューラーの回答:) HTMLソースの中にあるそういったコード(=lang属性)を、Googleは全く見ていません。 代わりというか、Googleは、もしページに違う言語のバージョンが存在してたとして

    lang 属性にGoogle「言語指定にlangは使うな」/公式発言 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
    YassLab
    YassLab 2024/01/31
    “Googleスポークスパーソンを務めるジョン・ミューラーが語った内容です。 ユーザーからの質問を受け、ミューラーは「Googleはlang属性を全く使っていない。替わりというと、リンク(aタグ)の中のhreflang属性だ」と回答”
  • target=”_blank”とは?適切な使い方や注意点を解説 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる

    サイトにリンクを設定する際に、外部サイトへのリンクだからと何気なくtarget=”_blank”を設定する場合がありますね。 記事を執筆する私もtarget=”_blank”でリンクを設定する事が多々あります。 さて、外部リンクを設定する場合、全てtarget=”_blank”の設定で問題ないのでしょうか? 改めてtarget=”_blank”の正しい使い方や注意点を掘り下げて考えてみます。 target=”_blank”とは target=”_blank”(ターゲットブランク)とは、リンク先が新しいウィンドウ(タブ)で表示されるように指定するリンクタグの属性のひとつです。 使用例は以下のように使用します。 <a href="example.com" target="_blank" rel="noopener">使用例です</a> target=”_blank”を使用するメリット・デメリ

    target=”_blank”とは?適切な使い方や注意点を解説 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
    YassLab
    YassLab 2024/01/21
    “2021年公開の「chrome88」以降ではtarget=”_blank”の指定されたリンクは、「rel=”noopener”」が規定値とされ、記述しなくても良くなりました。 その他、Safariは2019年3月に公開したv12.1より対応済み / FireFoxもFireFox79以降”
  • Hotwireとは何なのか?

    はじめに HotwireはBasecampが発表した、モダンなWebアプリケーションを作るための新しいアプローチです。名前もHTML OVER THE WIREから来ているように、HotwireではHTMLをサーバーから送ります。「それ普通のWebアプリケーションでは?」と思う方もいるかもしれませんが、SPA + APIサーバでJSONが使われるのに対し、SPAと同様の体験をHTMLを中心に置いて作るアプローチであることを示す表現です。 僕個人は、最初は「ふ〜ん」という感じだったんですが turbo-railsを読みつつHotwireのデモアプリをPhoenixに移植してみたり WebSocketではないTurbo Streamsのsourceを作ってみて遊んだり と、ある程度触ってみて良さが理解できてきたので、Hotwireを使うと何が嬉しいのか、Hotwireの各要素の紹介を記事として

    Hotwireとは何なのか?
    YassLab
    YassLab 2023/11/22
    "SPA + APIサーバでJSONが使われるのに対し、SPAと同様の体験をHTMLを中心に置いて作るアプローチであることを示す表現 / 触ってみて感じた一番のメリットは、ユーザにとっても、開発の進め方もProgressive Enhancementにできること"
  • 1