htmlに関するXIAORINGのブックマーク (7)

  • 常時HTTPS化+ドメイン名変更、SEOの悪影響ゼロで進めた手順をすべて公開! | 初代編集長ブログ―安田英久

    今日は、常時HTTPS化とドメイン名変更に関する話題を。Web担では10月にこの両方を一気に進めましたが、検索エンジンからのトラフィック減など一切なしに完了しました。そこでやった手順をお届けします。 ドメイン名を変えるなら常時HTTPS化もWeb担では、オープン当時の社名に基づくドメイン名「impressrd.jp」を長らく使っていましたが、すでに会社が「株式会社インプレス」になっているため、全社的な統一性の観点からドメイン名を変えることにしました。 そして、ユーザーログイン機能があるサイトであるため、Wi-Fi環境でのセキュリティ担保なども目的として、常時HTTPS化を行いました。 旧URL: http://web-tan.forum.impressrd.jp/ 新URL(ドメイン名変更+HTTPS化): https://webtan.impress.co.jp/ 実は、この移行作業には

    常時HTTPS化+ドメイン名変更、SEOの悪影響ゼロで進めた手順をすべて公開! | 初代編集長ブログ―安田英久
  • ドメイン変更後はGoogle Search Consoleのアドレス変更ツールで新しいドメインを通知しよう | うれしデザイン

    サイトのドメインを変更した場合はGoogle Search Consoleのアドレス変更ツールを使うと新しいURLのインデックスをスムーズに促すことができます。サイトのドメインを変更したときのSearch Consoleの設定手順を以下にまとめました。 Google Search Consoleのアドレス変更ツールとは Google Search Consoleのアドレス変更ツールとはアドレス変更時に検索結果にその影響を最小限に抑えるための移行ツールです。 アドレスの変更通知を利用すると、現在の Google 検索の掲載順位への影響を最小限に抑えながら、新しいアドレスの新しい URL をインデックスに登録するために必要な Google での移行プロセスを管理できます。 アドレス変更ツールの使用 – Search Console ヘルプ 新ドメインをGoogle Search Console

    ドメイン変更後はGoogle Search Consoleのアドレス変更ツールで新しいドメインを通知しよう | うれしデザイン
  • 順位変動リスクを回避!ドメイン変更前に必ずおこなうSEO項目

    Home / ルマーブログ / SEO / 順位変動リスクを回避!ドメイン変更前に必ずおこなうSEO項目 順位変動リスクを回避!ドメイン変更前に必ずおこなうSEO項目 サイトリニューアルによるドメイン変更やサーバー移転など、URLの変更の際には大きなリスクが伴います。 移行に失敗し、ドメイン変更後の順位急落やトラフィック減少など、取り返しがつかない場合もあります。移行前のトラフィックに戻すのに2年~3年とかかってしまうウェブサイトも実際にあるのです。 今回は、そんなドメイン変更によるリスクを回避するために、変更前に必ずチェックすべきテクニカルSEOをご紹介します。DeepCrawlの活用例とともに解説しますので、ぜひ参考にしてください。 ドメイン変更によるSEOへの影響 URLが変更になる場合、SEOに関して大きな影響があります。 クローラーは、URLが変わると別のサイトとして認識します。

    順位変動リスクを回避!ドメイン変更前に必ずおこなうSEO項目
  • HTMLのheadの書き方、head内に記述する要素の総まとめ

    HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c

    HTMLのheadの書き方、head内に記述する要素の総まとめ
  • これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ

    スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま

    これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ
  • 地域の魅力を広げるデザイン事務所|ローカルデザインなら包むデザイン

    地域には『何もない』に思えて実はたくさんの良きところがあります。良き点は日常に埋もれてしまい、その地域の人以外の人が知って初めて「へーすごいんだ!」なんて気づく事があります。 厳かなお祭りや絶景の大自然といってイベントだけではなく、よく通っているお店や毎年続いている地域のイベントなども良きところになりえます。 そんな地域の良きところをデザインやホームページ制作を通してスポットを当てる力なることを信念としています。

    地域の魅力を広げるデザイン事務所|ローカルデザインなら包むデザイン
    XIAORING
    XIAORING 2015/02/25
    viewport media query
  • スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

    ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか? <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化(拡大)する機能があります。 読

    スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
  • 1