dellab72のブックマーク / 2022年9月9日

良いmeta descriptionタグを記述するためのGoogleからのアドバイス

[レベル: 初級] Google は、meta description の記述を説明する技術ドキュメントに、質の高い meta description を作成するための改善方法の具体例を追加しました。 meta description の良い例と悪い例悪い meta description の例として次を Google は挙げています。 🚫キーワードの一覧 🚫すべてのニュース記事で同じ説明を使用 🚫ページを要約していない 🚫過度に短い悪い例に対応する良い例として次を挙げています。 ✅ショップが販売する商品と、営業時間や所在地などの詳細を説明する ✅特定のニュース記事の抜粋を使用 ✅ページ全体を要約している ✅具体的かつ詳細記述例もあわせて載せています。 🚫悪い例（キーワードの一覧）: <meta name="description" content="裁縫用品、毛糸、色鉛筆

dellab72 2022/09/09

seo

リンク

【楽天市場】【楽天1位】FIELDOOR 焚き火シート炭袋ポケット付き 60cm×90cm 耐熱耐火シート炭消し袋炭処理袋炭入れ焚き火台保護シート焚き火シート焚火マット断熱遮熱難燃バーベキュー BBQ キャンプ焚き火台シート炭火消し壺焚火たき火 ★[送料無料]：マックスシェアー　maxshare

特記事項： ※安全の為に必ず手袋を着用し使用してください。 ※ほぼ鎮火した炭や灰を入れてください。焚火シート&炭処理袋が一体に火の粉や灰から地面を守る焚火シートと空気を遮断して炭を鎮火させることができる炭処理袋が一体になって登場です。焚火シート炭入れポケット付き焚火シートを広げると焚火台等を設置できる焚火エリアと炭入れポケットに分かれています。設置から処理までスムーズに焚き火を楽しめます。火の粉や灰に強いグラスファイバー焚火シートとして使える焚火エリア部分には耐熱性、耐久性に優れたグラスファイバー素材を採用。焚火の炭や火の粉が落ちてもシートで受け止め地面や芝生などを守り安心です。 BBQ後の炭を安全に処理空気を遮断することで炭を鎮火させて持ち帰ることができます。炭捨て場のないキャンプ場などでバーベキューをする際などに活躍します。炭を入れやすいポケット焚火エリアから炭入れポ

dellab72 2022/09/09

outdoor

リンク

リュックサックでソロキャンプ！電車とバスの公共交通機関のみで楽しむポイントを解説！ - ハピキャン｜キャンプ・アウトドア情報メディア

筆者撮影この夏、著者は初めて、電車とバスでのソロキャンプに挑戦をしました。普段、私はマイカーでソロキャンプとファミリーキャンプとほぼ交互に行くのですが、夏場はソロキャンプに適当な近場のキャンプ場が暑すぎて話にならず、かといって遠方の高原にまで一台しかないマイカーを使っていくと家族からクレームが出るので、「じゃあ公共交通機関で行くかあ～」となったわけです。行くのは夏の期間だけですし、予算がそこまで潤沢にあるわけでもないので、装備はすべて既に保有しているものだけにしました。ただし、さすがにリュックサックだけは大きなものが必要で、これだけは新たにキャンプ用として購入しました。※購入したリュックについては後述しますね。リュックはなんでも入るサイズを選んだのですが、そうするとかなり装備が重く、負担が大きくなります。私もそこまで筋力があるほうではないので、10kg以上の荷物を長時間背負って

dellab72 2022/09/09

outdoor

リンク

2022年後半のSEO

2022年も半分が過ぎましたね。熾烈を極める2022年後半のSEOの世界を、様々な観点から俯瞰して見たいと思います。記事の後半に行くに従って上流工程の話になっていくように書いてあります。本記事を読んで「全然分からん…」と思ったSEO担当駆け出しの方、これからSEOはほぼこの記事のような方向になっていきます。興味があれば予習がてらぜひこの辺りの理解に努めて見てくださいね。まずは各論から語ります。SEOの基礎的な要素を今更1から語ることはしないので、2022年後半により重要になってくると思われる項目だけピックアップしてみます。次の通りです。ビジュアル要素の強化被リンクコンテンツ構造、サイト構造フレッシュネス何者かになる or 何者かと組むデジタル広報（PR）フレームワークにSEOを組み込む【有料note】被リンク構築・ビルディング大全脱アフィリエイト・物販サイトの作り方コンテンツ

dellab72 2022/09/09

seo

リンク

『モンハンライズ：サンブレイク』見た目は変だけど、性能はガチ！担ぐとテンション上がる武器5選 | インサイド

dellab72 2022/09/09

mhr

リンク

Bootstrapはガチでいらない

はい。今回はCSSフレームワークのBootstrapは本当に必要なのかについて書いていきます。 Bootstrapとは、Twitter社が開発したWebのフロントエンドを高速で制作するためのフレームワークです。公式：https://getbootstrap.jp/ プログラミングスクールやいろんな教材見ていると、Bootstrapがカリキュラムに含まれていることが多いように思います。しかし、Web制作、Web開発領域においてbootstrapは本当に使われているのでしょうか。はっきり言って、特定の用途以外では基本使わないと思っています。少なくともWeb制作領域でコーダーとして働きたいと考えている方にとって、学ぶ意味はほぼないでしょう。むしろ通常のCSSの学習を遅らせる原因にすらなり得ると思います。そんなわけで、Web制作/Web開発の場面でbootstrapが有効なのか僕の目線で

dellab72 2022/09/09

bootstrap

リンク

有名サイトで使用されているCSSテクニックまとめ - Qiita

昨今のフロントエンドのCSS開発においては、タスクランナーやフレームワークの活用により煩雑なベンダープレフィックスの付与を意識する必要がありませんし、IE11のサポート終了により実戦に投入できるCSSプロパティも格段に増えました。たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。