<Files ~ "^\.ht"> deny from all </Files> # Redirect UserAgent RewriteEngine On # DEVICE SetEnvIfNoCase User-Agent "iPhone" ua_device=smart SetEnvIfNoCase User-Agent "iPod" ua_device=smart SetEnvIfNoCase User-Agent "Android.*Mobi" ua_device=smart SetEnvIfNoCase User-Agent "Windows Phone" ua_device=smart SetEnvIfNoCase User-Agent "Mobi.*Firefox" ua_device=smart SetEnvIfNoCase User-Agent "(Nexus 4|Ne
同一コンテンツでありながらPC用とモバイル（スマホ）用のURLが別になっている場合、コンテンツが重複していると判断されてしまい、SEO上不利に働く可能性があります。そのためにも、PC用とモバイル用のURLの関係性を正しく検索エンジンに伝える必要があります。ここでは、モバイル用URLがPC用途は別に存在する場合にやるべき3つの対策を解説します。 モバイルを取り巻くSEOは、当記事が最初に書かれた2014年頃に比べて大きく状況が変わっています。「モバイルSEOとは」「モバイルフレンドリーとは」「AMPとは」「MFI（モバイルファーストインデックス）とは」などの記事もぜひ合わせてご確認ください。 この記事のポイント PC用とモバイル用のURLが別々であると、重複コンテンツと判断されてSEO上不利になる alternateタグ、canonicalタグ、302リダイレクトで対策する 可能であればPC
ウェブ上でのリダイレクト(Redirect)とは、あるURLから別のURLに転送することです。アクセスされた瞬間に自動移動させることで、転送された事実に気付かれないくらい一瞬で移動させることもできますし、転送の予告を数秒間ほど案内した後に自動移動させることもできます。 また、その移転が恒久的なのか一時的なのかを示すこともできます。この種別は、検索エンジンに対して「移転前のURLと移転先のURLのどちらを登録すれば良いのか？」を知らせる役にも立ちます。 ウェブサイトを移転した場合など、指定したURLに自動的に転送させたい ウェブサイト全体や、特定のページにアクセスしてきたユーザを、指定のURLに自動転送したい場合があります。例えば、以下のような場合です。 ウェブサイトを引っ越して、URLが変更になった場合 ウェブサイトの構造を改変して、一部のファイル名やディレクトリ名が変更になった場合 UR
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
データを表などを使って表示すると縦に長いページになってしまったりすることがあります。データを下にスクロールしながら閲覧している時に、先頭に戻りたい場合はパソコンのブラウザであれば、スクロールバーを移動させることで高速に移動することもできますが、スマホ、タブレットの場合は指でフリックを何度もしなければならず、相当面倒なことになってしまいます。 このような問題を解決する1つの方法として、右下に「先頭に戻る」ボタンを常に表示しておくという方法が考えられます。今回は「先頭に戻る」ボタンを常に表示しておく方法をご紹介します。 まずはHTMLです。「先頭に戻る」ボタンを押した時の戻り先をdivタグで作っておきます。bodyタグのすぐ下で良いでしょう。さらに「先頭に戻る」ボタンをbodyタグを閉じる前に入れておきます。スタイルシートでデザインするので、class名を入れてあります。 <! DOCTYPE
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
English | 日本語概要「埋め込みタイムライン」は簡単にTwitterのタイムラインを自分のサイトに表示できるツールです。タイムラインはリアルタイムで更新され、タイムライン上から直接、返信、リツイート、お気に入りに登録することができます。twitter.comのウィジェット設定から簡単に作成可能です。埋め込みタイムラインのタイプユーザー、お気に入り、リスト、検索結果、ハッシュタグのタイムラインを埋め込むことができます。ユーザータイムライン公開されているものであれば、どのユーザーのタイムラインでも埋め込むことができます。下記はこのページに埋め込みされた@TwitterDevJPのタイムラインです。ユーザタイムラインの上部にはフォローボタンがあり、閲覧中のサイトから離れることなく1クリックでフォローできます。@TwitterDevJP からのツイートお気に入りタイムラインユーザーのタイム
さて本日は、HTMLで画像を横に並べて配置する方法を４つご紹介します。 なにかと忘れやすいので、簡単なものから説明していきます。 １．何もしない 何もせずimgタグを並べます。imgタグはインライン要素なので、画像の大きさと表示場所にスペースがある限り横並びで表示されます。 ・サンプル＆コード <img src="画像のＵＲＬ" /><img src="画像のＵＲＬ" /><img src="画像のＵＲＬ" /> ２．align属性を利用した画像の並べ方 align="左右"を追加すると、横方向の位置を指定できるようになります。CSSプロパティのfloatと同じ効果です。最後にclear="both"で回り込みを解除するだけのシンプルなもの。これだけでは細かい配置の自由度はありませんが、簡単さがミソ。 ・サンプル＆コード <img align="left" src="画像のＵＲＬ" />
We are using a standard 12 column fluid responsive grid system. The grid helps you layout your page in an ordered, easy fashion. Container The container class is not strictly part of the grid but is important in laying out content. It allows you to center your page content. The container class is set to ~70% of the window width. It helps you center and contain your page content. We use the contain
Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc
ホームページ制作のデザインや、アクセス解析を含めたSEO対策、ECサイトと言われるオンラインショッピング、ブログや日記などのCMS、そして携帯コンテンツからデータベースまで、機能したデザインを提供するホームページ会社です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く