最近見つけた現象で既に論じられているかと思ったがちょっと解説が見つからなかったのでまとめておく。 手短に X(旧Twitter)クライアントで表示されるTwitterカードについてカードに表示されるドメインとは違うページにリンクさせる手法が存在する この手法は第三者のTwitterカードを利用することができる つまり悪用者は第三者のTwitterカードを表示させながら自身の意図するページに閲覧者を誘導することができる これはフィッシングの手法になりうる 見つけたツイート 以下のツイートはGoogle、Bloomberg、日経ビジネスのTwitterカードが添付されているがクリックするとそれらとは異なる情報商材サイトにジャンプする。リンク先に危険な仕組みはないと思われるがクリックは自己責任で。念を入れたい人は curl -L で。 PCブラウザでカーソルを合わせてもXの短縮URLサービスであ
IPAウェブサイトリニューアルによるリンク切れや不具合について、ご不便をおかけしまして大変申し訳ありません。 IPAは本年3月31日、ユーザーの皆様にIPAウェブサイトについて、より快適にご利用いただけるようリニューアルを行い、スマートフォンやタブレットから閲覧する場合でも適切に表示されるようにマルチデバイス対応を行うとともに、ユーザーが目的のコンテンツを探しやすくするため、掲載内容やサイト構造の見直し等を行い、多くのページのURLも変更することとなりました。 URL変更の対応にあたっては、安定的なレスポンスの確保を考慮し、リダイレクト対象とするコンテンツの選定を行いました。しかし、今回の対応は、多くのユーザーがIPAウェブサイトに掲載されたコンテンツへのリンクを自組織のサイトや資料等で活用していることの影響に関して、認識が不十分でした。頂いた多くのご指摘を重く受け止め、ユーザーの皆様のコ
情報処理推進機構(IPA)の公式Webサイトリニューアルにおいて、多くのページにリダイレクト設定がなされず問題視されていた件を巡り、IPAは4月3日「ご不便をおかけしまして大変申し訳ありません」と謝罪した。 IPAは3月31日に公式Webサイトの全面リニューアルを実施。モバイル端末からの閲覧を意識したデザイン改修、コンテンツへの導線の改善などを図ったとしていた。その中で多くのページのURLも変更したが、リダイレクト設定がほとんどなく、既存のリンクを開いても「404 Not Found」とのみ表示されることが問題視されていた。 謝罪文によると、リニューアルに際して「安定的なレスポンスの確保を考慮し、リダイレクト対象とするコンテンツを選定した」という。しかし、多くのユーザーがIPAのコンテンツを資料として使っており、その影響について認識が不足していたのが原因の一つとしている。 なぜ「404エラ
WooCommerceというWordPress用プラグインでショップを構築している。最近、デジタル商品(PDF)の販売もやり出しているのだが、一つ問題があって、WordPressはメディアファイルをアップロードすると/wp-content/uplaods/というディレクトリ以下にファイルが置かれるのだが、これには何も制限がかかってなくて、直接URLを入力したらファイルが表示されてしまう。これじゃ販売してる意味がないし、検索エンジンクローラーにも引っかかってしまう。 まぁFTP使って、直接アクセスできない領域に置けばいいじゃないかという話もあるのだが、諸事情からそれは見送り(詳細省きます)。次のような要件を.htaccessで実現することにした。 要件 デジタル商品(.pdf、.mp3、.zip)へのアクセスは禁止 ただし拡張子の前に_sampleと着いているものはアクセス可能。 e.g.
こんにちは。アプリケーションエンジニアのid:tkzwtksです。もうあと数時間で2022年も終わりですが、皆様いかがお過ごしでしょうか。2023年という新しい年に心機一転、なにか新しいことを始めようと考えているという方も、それに向けて準備を進めている方もいらっしゃると思います。 新しいといえば(と言っても半年前ですが)、はてなのサービス開始から20周年のさまざまな出来事の一環として、6月にはてなのコーポレートサイトをリニューアルし、このタイミングでコーポレートサイトのドメインもhatenacorp.jpからhatena.co.jpへ変更されました。 pr.hatenastaff.com 今回はこのドメイン変更作業にて発生したリダイレクトについて、リダイレクトの一般的な話と実際にやったことをご紹介します。 リダイレクトパターン 一言で旧サイト(旧URL)から新サイト(新URL)へのリダイレ
情報処理推進機構 (IPA) は 3 月 31 日付ですべてのウェブページをリニューアルしたが、旧ページに新ページへのリダイレクトを設定していないため外部からのリンクが全て (※) 切れてしまっている。 IPA は公式ツイッターで 【IPAウェブサイトリニューアルのお知らせ】 3/31のウェブサイトのリニューアルに伴い各ページのURLを変更しました。ご不便をおかけしますが、ウェブリンクをブラウザの「お気に入り」などに登録されている場合は新しいURLに変更いただきますようお願いいたします。
2. カスタムCopilotの作成手順「カスタムCopilot」の作成手順は、次のとおりです。 (1) 「Microsoft Copilot Studio」のサイトを開き、「try free」からログイン。 (2) 「コパイロットを作成する」の「新しいコパイロット」をクリック。 (3) 以下のように設定して、作成ボタンを押す。 「日本語」は生成AI機能に未対応だったので「英語」、会話を強化するためのURLは「OpenAIのURL」にしました。 ・コパイロットの名前 : MyCopilot ・コパイロットの話す言語 : 英語 ・生成型の回答で会話を強化する : https://openai.com/ (4) 「Copilotのテスト」でメッセージを入力して動作確認。 「GPT-4Vについて教えてください。」の質問に、ソース付きで回答してくれました。 (5) 公開タブの公開ボタンでCopilo
[レベル: 上級] URL を変更した際の、検索におけるリダイレクトの利用方法を説明する技術ドキュメントを Google は大幅に刷新しました。 日本語ページはまだ更新されていません。 英語で読みたくない人のために、この記事では、新たに追加された情報を中心に注目点を紹介します。 【UPDATE (2021/7/12)】 日本語ページも更新されました。 リダイレクトの種類は 2 つ リダイレクトには大きく分けて 2 種類あります。 Permanent redirects(恒久的なリダイレクト) Temporary redirects(一時的なリダイレクト) 恒久的なリダイレクトでは、リダイレクト先の URL を検索結果に表示します。 一方、一時的なリダイレクトでは、リダイレクト元の URL を検索結果に表示します。 たとえば、https://example.com/abc/ を https:
[レベル: 初級] Google の John Mueller(ジョン・ミューラー)氏が SEO によくある質問に回答しました。 昨年のクリスマスに公開された動画で時期外れになっていますが、特に SEO 初級者に役立つ内容になっているので紹介します。 301 リダイレクトと 302 リダイレクトの違いは何? どちらもユーザーを転送する。違いは些細で小さい。 301 は恒久的なリダイレクトなので、最終到達 URL が Google が保持する URL になる。 302 は一時的なリダイレクトなので、再確認するために始まりの URL に戻るだろう。 301 と 302 はリダイレクトの方法が違うだけだ。可能なときは適切な方を使えばいい。SEO における魔法のような効果は気にしなくていい。どちらも機能する。 【すずきメモ】 技術的には、301 リダイレクトと 302 リダイレクトは異なります。で
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 X(旧Twitter)のオーナー、イーロン・マスク氏は、Xのサービスがこれまで使用してきたドメインである「twitter.com」から「x.com」に移行したことをXへの投稿で明らかにしました。 マスク氏は「すべてのコアシステムがX.comになった」と述べています。記事執筆時点で、ブラウザーからXにアクセスすると、ウィンドウ下部に「XのURLが変更される予定です。ただし、プライバシーとデータ保護の設定は変わりません」と表示されます。またログインしていない状態ではデフォルトの背景色が黒に変わっています。 1年ほど前にTwitterはXに名称が変わりました。ロゴマークに描かれた空に羽ばたく青い鳥もどこかへ飛び去り
ある程度長くウェブ担当をされている方、「リダイレクト(転送)」が必要になった経験ってありませんか? 転送は普通にHTMLを編集するだけではできなくて、悩まれる方も多いと思います。 この記事では、下記2点を説明していきます。 ・どのような場面で.htaccessを使用するのか ・.htaccessを使ったリダイレクトの設定方法 .htaccessがどんな役割で、SEOにどんな影響があるのか。 困ったときに役立つ辞書的な役割として資料にまとめましたのでご活用ください。 【保存版】SEOにおける.htaccessの活用法を無料ダウンロード .htaccessとは? .htaccessとは一体何者なのか サーバーを制御するファイルで、「ドット・エイチ・ティ・アクセス」と読みます。 このファイルでは下記みたいなことができます。 リダイレクト(アクセスしたユーザーを転送する設定) Basic認証(ユー
制作の久保田です。 今回は、.htaccess のリダイレクト設定の方法を見ていきます。 コピペで使えるコードと、少し踏み込んだ記述内容の意味を掲載していますので、興味のある方は詳細まで目を通してみてください。 リダイレクトとは? webサイトの転送設定のことをリダイレクトといいます。 古いページに訪れたら、新しいページに転送をかけたい場合に設定します。 以下のようなケースでリダイレクト設定を行います。 サイトのリニューアル ページのリニューアル 期間限定のページ サイトメンテナンス サイトのページ削除(トップページに転送など) サイトのリニューアル等でページのurlが変わった場合、古いアドレスへアクセスした際、「ページが存在しない(NOT FOUND)」状態になるのを防ぐため、リダイレクトの設定が必要になります。 Googleにインデックスされている場合は、転送設定をかけることで、インデ
ドメインの正規化をサクラインターネットでしてみたので、いつも忘れちゃうのでメモに残してますって話です。 材料はこう 1)www あり or www なし 2)SSLあり or SSL なし(http or https)今回は、ドメインを簡単にしたいのと、SSLで統一したいので最終的に上記のいずれの指定で飛んできても、wwwなしでhttps にしたい。 ドメインの正規化のルールを決めるつまりドメインが下記のいずれであっても 1)http://hogehoge.com 2)https://hogehoge.com 3)http://www.hogehoge.com 4)https://www.hogehoge.com すべて(1)「http://hogehoge.com」にしたいというものです。 「.htasscess」 を設定するさくらインターネットの場合、テキストで作成することになります。
やりたいこと 下記のような感じ。 ログイン必要ページと不要ページを作成し、ログイン必要ページへのアクセスにはチェックを入れる。 かつ、それをreact-router-domで、わかりやすくきれいに書きたい。 完成イメージ 各ファイルの画面イメージ(画面のあるもの)は下記ような感じ。 準備 雛形の作成とモジュールのインストール create-react-appを利用します。 作業フォルダ作成後、必要なモジュールをインストールします。 create-react-app auth-test cd auth-test yarn add react-router-dom firebase bootstrap reactstrap react-loading-overlay formik yup 各モジュールの役割はおおよそ下記のような感じ。 react-router-dom : 言わずとしれたルーテ
「重複コンテンツを1つにまとめたい」「新規ドメインに記事コンテンツをリダイレクトしたい」と考えている人は「301リダイレクトを設定する」ということにたどり着いたのではないでしょうか。結論から言いますと、301リダイレクトはページ自体の評価を落とさずに新規ドメインのURL引き継ぐことができるので、SEO効果が期待できます。 また、重複コンテンツの改善にもつながるので、ウェブ担当の方や、ウェブで集客を図っている方は、必ず知っておいてほしい内容です。そこで記事では、301リダイレクトについてを詳しく説明するとともに、SEOとの関係性や設定方法、注意点を紹介します。 Google(グーグル)の評価を引き継ぐ、「301リダイレクト」とは? 301リダイレクトとはページの評価を落とさずに、新規ドメインのURLに移転させるというものです。 いわば、URLのお引越しです。元の家にあった家具(ページ)を引越
更新頻度が低く量量が大きいファイルは.htaccessにブラウザキャッシュを設定して高速化しましょう。 逆に更新頻度が高いファイルはユーザーのためにキャッシュをさせないでおくべき(無効化)ですね。 ブラウザキャッシュ以外にgzip圧縮やmod_paegspeedが併用できれば、より表示速度UPにつながります。 ブラウザキャッシュ制御で表示速度UP WEBサイトは表示速度が命 WEBサイトの表示速度を上げることはSEO対策にとって重要な項目であり、アクセス数アップにつながります。 実際に表示速度が遅いWEBサイトはユーザーの半数以上が離脱するというデータもあると言います。 人は瞬時に映るサイトに対して高評価を持つのですね。 そしてサイトの表示速度が速ければ速いほど、ユーザーの滞在時間が長くなる傾向にあると覚えておきましょう。 キャッシュ機能を利用する では少しでもWEBページの表示を早くする
Webサイトの各ページのURLの末尾にある拡張子。表示があったり表示がないWebページがあったり気になったことはあるでしょう。 Webに詳しい方は、どの言語でどのように作られているかがだいたい想像できますが、この拡張子は特に表示させる必要がないのであれば、表示させなくてもいいでしょう。 拡張子の表示をなくすことで、WebページのURLを短くスッキリさせることができます。 また、Webページがどのように作られたのかが閲覧者にわかってしまうので、気になる方は非表示にすると良いでしょう。 他、拡張子を判別して処理をするようなプログラムがないのであれば。。。 WordPressなどのCMSでは、すでに拡張子が表示されないように設定がされていることが多いですが、別でWeb制作を行う場合は設定が必要となります。 ランディングページなどで特に頻繁に更新するコンテンツがなければ、WordPressで構築す
.htaccessファイルによるgzip圧縮は画像以外の構成ファイルを圧縮する事でWEBサイトの表示速度をアップさせる手法です。 設定すると表示速度は劇的に上がる場合があるし、表示速度が向上する事はSEO対策も有利に働きます。 mod_deflateが使えるサーバーであればサーバー側が圧縮をしてくれるが、使えない場合は自前で圧縮ファイルを用意する必要がある。 gzip圧縮とは? gzip圧縮とはファイルサイズを小さくする圧縮方法の1つであり、gzipは「GNU zip」の略称です。 名前にzipが含まれていますが元々はUNIXというOSで独自に作られた圧縮プログラムです。 WEBサイトを構成しているhtml、JS、css、xmlなどを圧縮することで、データ量が軽くなりWEBサイトの表示速度を向上させる効果があります。 高いパフォーマンスと完璧な圧縮・復元 mod_deflateという圧縮方
トレイリングスラッシュ(Trailing Slash) ありに設定 URLの末尾のスラッシュのことをトレイリングスラッシュ(Trailing Slash)というそうで、これを統一したい。Googleさんが言うには、トレイリングスラッシュがあってもなくてもページの評価はかわらないそうで。 トレイリングスラッシュなし ‐ https://www.terakoya.work トレイリングスラッシュあり ‐ https://www.terakoya.work/ ただ、GoogleAnalyticsでは別々のURLとしてカウントされてしまうようで、これはよくないと思い統一することにしました。 スラッシュなしの時にリダイレクト RewriteCondで条件を追加します。ポイントは5行目で、末尾にスラッシュがなかった場合7行目のスラッシュ付きに301リダイレクトをするように設定。 # BEGIN Wor
.htaccessのリダイレクトはmod_rewrite構文による正規表現を使った非常に便利な機能です。特定ページやディレクトリ階層へと転送できます。 301リダイレクトで転送元の価値をそのまま転送先へ継承する事ができますのでSEO・url正規化によく利用されます。 mod_rewrite構文でよく見かける正規表現記号や後方参照については、コピペで済まさずにきちんと理解しておきましょう。 mod_rewriteによるリダイレクト構文 .htaccessでリダイレクトを掛ける場合、.htaccessではmod_rewrite機能を実行しています。 mod_rewriteとは mod_rewriteとはWEBサーバーApacheのモジュールの一つで、さまざまな条件を指定してURL書き換えができる機能です。 命令数に制限はないですし、正規表現を使ってURLの書き換えができるため多彩な処理が行えま
※ nginx向けの設定をこちらに書きました。 Webサーバー上のJpegやPNGファイルについて、そのWebP版ファイルがある場合はそちらを返す(もちろんブラウザが対応している場合のみ)、という.htaccessの記述例はすでにいろいろ公開されています。 多少の差違はありますが、たいてい以下のような方法をとっています。 WebP-images-with-htaccess ※ 2018/10/31追記 Varyヘッダの送出条件に関するプルリクがマージされました。混乱するので、以前のコミットにリンク先を変更します。 コメントを日本語に置き換えて説明します。 <IfModule mod_rewrite.c> # Rewriteモジュールを有効にする RewriteEngine On # ブラウザから送信されるAcceptリクエストヘッダがimage/webpを含む場合のみ # 後続のRewri
はじめに ウェブサイトの移設等でドメインを変更する機会はよくあると思います。その際、いきなり旧ドメイン削除せず新ドメインにリダイレクトしたりしますよね?設定方法はいくつか考えられると思いますが、今回は AWS CloudFront+S3(静的ウェブサイトホスティング)を活用したリダイレクト設定方法を紹介します。 以前、同じような内容で AWS ELB リスナールールを活用したリダイレクト設定方法も紹介してますので、興味がある方はそちらもご覧ください。 techblog.cartaholdings.co.jp 構成イメージ リダイレクト設定前 リダイレクト設定後 やりたいこと 現ドメイン リダイレクト先ドメイン AAAAA.example.com BBBBB.example.com 1.https://AAAAA.example.com/backup/xxxxx へアクセスした場合 http
Home / Google News / Google SEO / Google: Redirects Signals Stick With Destination URL After A Year Google: Redirects Signals Stick With Destination URL After A Year Gary Illyes of Google posted on Twitter that you should keep a redirect live for a year for Google Search purposes. The signals from original page A to destination page B will all be transferred and stick with page B even after the re
「htaccessで特定環境の時だけBASIC認証をかけたい」 「htaccessで複雑なリクエストURIの時だけBASIC認証をかけたい」 こんにちは、タカフです。 .htaccess便利ですよね。 Webアプリケーションを色々カスタマイズするときに欠かせない.htaccessですが、いかんせん記述ルールが覚えづらい!! その独特な記述ルールから、覚えても実装する時は不安だったりするので結局毎回ググってはいる気がします。 そんな中、Apache2.4になってより細かい制御も出来るようになり、ちょっと目から鱗のコードがあったので紹介します。 環境毎にBASIC認証をかける Apache2.4からはIfディレクティブが使えるようになり、より細かい制御が出来るようになりました。 例えば開発環境の時だけBASIC認証をかけたい時などは次のように記述します。 <If "%{HTTP_HOST} =
ホームページを作成したことがある方なら、.htaccess(ドットエイチティアクセス)という言葉を聞いたことがあるでしょう。一方で、何か便利なことができるようだけれど専門用語が難しくて一体どんなものなのか分からないという方も多いのではないでしょうか。この記事では、そもそも.htaccessとは何かといった基本から設定方法まで簡単に解説しています。 .htaccessとはそもそも何? .htaccessとはWebサーバーの基本的な動作を、ディレクトリ単位で制御するためのファイルです。Apacheをはじめとして、いくつかのWebサーバーに対応しています。レンタルサーバー等でホームページを公開する際にも、.htaccessによっていろいろな機能を実現できることから、どのように役立つか知っておきたいところです。 .htaccessで何ができるの? それでは、.htaccessを使うことによって、具
解決策 ロードバランサーのバージョンを確認する Amazon Elastic Compute Cloud (Amazon EC2) コンソールを開きます。 サイドバーの [ロードバランシング] で **[ロードバランサー]**を選択します。 リスナールールを作成するロードバランサーを探し出します。[タイプ] 列に表示されているバージョン (アプリケーション、クラシック、ネットワーク、ゲートウェイ) を確認します。 以下の手順は、Application Load Balancer にのみ適用されます。Classic Load Balancer を使用している場合は、「Classic Load Balancer で HTTP トラフィックを HTTPS にリダイレクトする方法を教えてください。」を参照してください。 **注:**以下の手順を実行する前に、ターゲットグループを作成する必要がありま
— 引用ここまで — WordPressを利用している場合でWordPressのインストールディレクトリに設置する場合、もともと.htaccessファイルが生成されていると思いますので、その.htaccessファイルに追記する形で記述しましょう。 その際、上記コードは #BEGIN WordPress よりも前に記述をしてください。#BEGIN WordPress より下に記述をすると、アップデートの際などに書き換えられてしまう可能性があります。 ほか参考: いまさらながら、Basic認証のつけかた – Qiita ②: .htaccessファイル内AuthUserFileに記述する「サーバーパス」は合っていますか? .htaccessファイル内、AuthUserFileには” /サーバーのパス/.htpasswd ” として、パスワードファイルの設置先パスを記述する必要があります。 上記
前回ご紹介しました【制作Tips】https・wwwありに統一する方法のwwwなしバージョンをご紹介します。 今回参考にしたのも前回と同じくこちらのブログ、 .htaccessでhttps化かつwwwなしに統一するクールな方法 を参考にさせていただきました。 コードはこちら。 <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC] RewriteRule ^(.*)$ https://%1/$1 [R=301,L] RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] </IfModule> このコードを.htaccessにコピペしてそのままサーバーへアップロー
How do I use that tool?Insert a valid domain name, without http:// or https://, without www: yourdomain.com If you check a domain name, non-www and www (if defined), http and https is checked. Add a port or / and a file and path: yourdomain.com:5001yourdomain.com/subfolder-of-your-domainyourdomain.com/subfolder/file-to-check.htmlyourdomain.com:5001/subfolder/file-to-check.htmlIf a port is added, h
こんにちは、しばです。 ネットワークの知識がまだまだ疎い今日この頃、海外(国外)IPアドレスからのアクセス拒否する簡単な設定方法は無いかな〜と調べる機会がありました。 そこで出てきたのが掲題の.htaccess を使う方法。 検索したらすぐ書き方が出てきて、ありがたく参考にさせて頂いていたんですが、 自分は国内にいるわけだし、実際弾かれてるかの確認はどうやってやれば…(´・ω・`)? 許可する国内IPアドレスリストの更新は必要じゃ無いんだろうか(´・ω・`)? という疑問点がいくつか。 そこら辺を調べつつ、.htaccess での海外アクセス拒否の書き方〜確認〜注意点あたりを整理してみました。 同じようにネットワークにあまり自身がない方の補足的な知識になれば幸いです。 .htaccessの書き方 海外からのアクセス(IP)を拒否するhtaccessの設定 こちらのコードを使いつつ、自分用の
> URL Redirect Checker > About RedirectCheck RedirectCheck: Powerful tool for tracing URL redirect chains. Built for web developers, SEO specialists, and curious minds. Simple interface. Detailed results. No frills. > Features • Fast URL redirect tracing • Detailed redirect chain information • HTTP status codes for each redirect • Final destination URL • Clean, easy-to-read output > FAQ URL redire
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く