The SEO tool for online marketers
SEO made Simple SEO can be overwhelming. SiteGuru simplifies SEO with step-by-step guidance. Define your targets, and we’ll help you improve your content, fix issues and reach your goals. How it works Escape the maze of complicated SEO tools SiteGuru cuts through the complexity of SEO. By seamlessly integrating audits, Google Analytics, and Search Console data, we provide straightforward, actionab
psi-local - ローカルサイトにPageSpeed Insightsを適用する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webページの表示速度が遅くて良い理由はありません。ユーザ体験はもちろん、Eコマースサイトなどでは売り上げに直結するほどです。Googleも表示速度を検索順位の指標に組み込んでおり、その指摘を行ってくれるサービスとしてPageSpeed Insightsを提供しています。 しかしこのPageSpeed Insightsは外部に公開した後でしか使えません。そこで開発中でも使えるようにするのがpsi-localです。 psi-localの使い方 psi-localを使ったテストスクリプトです。JSONオブジェクトが次のように返ってきます。 $ node test.js { kind: 'pagespeedonline#result', id: 'https://a335d185.ngr
[CSS]HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS
HTMLは間違って記述されても、重大なエラーになることはあまりありません。 そのため、validではないHTML、セマンティックではないHTML、アクセシブルではないHTMLのコードが、ページ内に紛れてしまうことは非常に簡単です。 HTMLの潜在的な問題を見つけることができる、少し高度なCSSのセレクタを紹介します。 Linting HTML using CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 インラインのスタイル リンクのターゲット アクセシブルではない画像 ドキュメントの言語指定 不適切な文字セット アクセシブルではないビューポート属性 ラベルのないフォーム要素 空のインタラクティブな要素 不必要、あるいは非推奨の属性 インラインのスタイル このセレクタは、インラインのスタイルが適用されているページ上のあらゆ
![[CSS]HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2a96d59143a2df01b38a0f16d119ef1fc6061d4/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017031401.png)
ChromeLens - Google Chrome機能拡張のWebアクセシビリティチェッカー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアクセシビリティに注目が集まっています。Webは多くの人たちが使うようになっており、健常者にだけ合わせて情報を発信すれば良いだけでなくなっています。また、幅広い層に提供することによって、新しい価値を生み出せる可能性もあるでしょう。 今回はWebアクセシビリティをチェックするツールとしてChromeLensを紹介します。Google ChromeのDevTools内で動くソフトウェアです。 ChromeLensの使い方 立ち上げたところです。DevToolsのタブとしてChromeLensが追加されます。 視力が少し弱い人が見る状況を再現。 さらに視力が弱い人の場合。 緑の認識が弱い人の視界を再現した例。 青を認識できない場合。文字によっては見づらそうです。 アクセシビリティチ
DROWN Attack
Operators of vulnerable servers need to take action. There is nothing practical that browsers or end-users can do on their own to protect against this attack. Is my site vulnerable? Modern servers and clients use the TLS encryption protocol. However, due to misconfigurations, many servers also still support SSLv2, a 1990s-era predecessor to TLS. This support did not matter in practice, since no up
JSONデータを検証してくれるサービス「JSONLint」
JSONデータを検証してくれるサービス「JSONLint」の紹介です。 JSONLint １．はじめに JSONのデータを生成したあとで正常に動作しないと、どこが間違っているのかチェックするのが面倒です。 このJSONLintを利用すれば生成または受信したJSONデータを検証してくれます。 ２．使い方 使い方は簡単で、JSONLintのページにアクセスし、テキストエリアにJSONをペーストして「Validate」をクリック。 検証OKであれば一番下に「Valid JSON」と表示されます。 NGがあれば、テキストエリアの該当行を反転させ、一番下にエラーメッセージを表示してくれます。 エラーの原因は一番後ろのカンマを抜いてみたのですが、正しいエラーメッセージが表示されています。
競合サイトを丸裸に！SEO対策や検索順位などがわかるWeb分析ツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの
うわぁIE8で表示がおかしい！その原因をチェックしてアドバイスしてくれるオンラインサービス -IE8 Linter
モダンブラウザを基準にページ制作をする人が増えてきましたが、IE8を完全に切るのはなかなか難しいのが現状です。 そんなIE8で、あれ表示がおかしいぞ！という時に、その原因のアドバイスをしてくれる便利なオンラインサービスを紹介します。
日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正
Enno.jpは日本語のあからさまなエラー（タイポ、スペースのエラー、誤字脱字、変換ミス、入力後の編集ミス、文字化け）を自動チェックするWebサービスです。 フォーマルな文書を中心に、あらゆる日本語文書のあからさまなエラーをチェックできます。 誤検出および無関係なエラーを極力排除しており、他のチェック・校正ツールと組み合わせるのに向いています。AIで生成・処理した文章のチェックにも有用です。 特定の業種やスタイルに依存しません。全角句読点「，」「．」やソースコードを含む理工系文書もチェックできます。 ユーザー登録は不要です。 エラーのパターンを蓄積してチェックしているので動作が安定しています（AIは使っていません）。パターンは常時追加されます。 プライバシー保護のため、チェックされる文書はデータベースやログや外部サイトなどに一切保存していません。サイト運営者も読めません。 LIG様のブログ
テキストと背景のカラーがアクセシブルかチェックし、適した組み合わせに調整できる便利ツール -Contrast Ratio
テキストと背景のカラーの組み合わせで、視覚的にどのくらい読めるか数値化するオンラインツールを紹介します。 いまいち読みにくい時には、ツールで最適な組み合わせに調整することもできます。 Contrast Ratio Contrast Ratioの使い方は、簡単です。 入力欄の左に背景、右にテキストのカラーを入力するだけで、すぐに反映されます。 カラーは、hsla, rgb, 16進数などに対応しています。 当サイトの背景とテキストのカラーを入力してみます。
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fontspring. Worry-Free fonts for everyone.