ホームページを構成するHTML 作り込んでいくうちはあまり起こりませんが、付けたし更新していくと時々タグの閉じ忘れや、文法的に推奨されない書き方など・・・様々なエラーが起こります。 そんな時でもブラウザが補完してくれたり […]
Web制作スタッフのブログ
instaglamの投稿画像をWebページへ掲載するには
2019年1月30日追記 2020年には埋め込みに使っていたAPIが使えなくなるので、この記事情報では設置ができなくなる可能性があります。 ご了承ください。 この記事にある実装方法では、設置ができない可能性があります。 […]
sitemap.xmlでクローラーにページ構造を知らせよう
sitemap.xmlとは、ウェブサイト内の各ページを表したXML形式のファイル サイトマップという言葉を聞いたことはありますでしょうか。 Webサイト内の全ページへのリンクをひとまとめにして掲載しているページを「サイト […]
時々耳にする「ランディングページ」とは
一つの商品・サービスの販売に特化した一枚のWebページ ランディングページ・・・ホームページとどう違うの?と思いませんか? どちらもインターネット上に掲載されるページなので、本質的には同じものなので混乱します。 そんなラ […]
IEの各バージョンを分岐させる方法
まだまだなくならないIE10以前・・・ Windowsに最初からインストールされているInternet ExplorerことIE 今では最新バージョンの11以前はサポートが終了していますね。 サポートの切れたインターネッ […]
情報の整理をデザインにも取り入れる
皆さんは「整理」得意ですか? ときめき片づけ術とか、断捨離とか、数年前に流行して沢山の本が出版されましたね。ミニマリストも増加しました。 私も持ちすぎているなと思った物をいろいろと捨てたり、譲ったりしました。 特に多かっ […]
robots.txtを使ってクロール最適化をしよう
robots.txtとは YahooやGoogleなどの検索エンジンはロボット(クローラー)を使ってWebページを巡回し、情報を収集して検索結果に反映させています。 そのロボットのアクセスを制限する為に「robots.t […]
カートの商品情報はCSVファイルを使って更新しよう
ショッピングサイトへ登録している商品情報を更新! ショッピングサイトに登録している商品・・・仕様が変わったり、キャッチコピーを変えたり・・・商品説明をつけ足して更新したりと作業がありますよね。 一つずつ確認して更新!とな […]
暑さからくるパソコントラブルにご用心
これから暑くなりますね。 ジメジメした梅雨が過ぎたら、晴れ晴れとした夏が来ます! 夏・・・暑い・・・パソコントラブル! そう、パソコンは熱に弱いのです・・・ 何か対策はしていますか?風通しのいいところに置いたり、空調を利 […]
ECサイトはショッピングモール?独自ショップ?
Yahooや楽天、amazonにポンパレモールなど、様々なモールでインターネットショッピングを始めることができますよね。 さらに独自にECカートを作ったり、メールフォームで受注したりと、インターネットを利用したお買い物の […]
Flash時代の終わり ブラウザでのサポート終了について
以前は多くのページで採用されていた「Flash」今ではすっかり見なくなりました。 HTML5の登場でFlashが不要になりつつありましたが、初期はまだまだFlashの方が優勢で、存在が揺るぎないものでした。 その後急激に […]
コンテンツの高さを揃える「fixheight.js」
コンテンツの高さを揃えたい時に便利! Webページを作成していて3カラム、2カラムなどの複数列にコンテンツを配置する事がありますよね。 1行であればそこまで問題になりませんが、2行3行と複数行になっていくとコンテンツの高 […]
スマホにも対応する便利な画像拡大Script
「photoswipe.js」を使って画像を拡大表示させよう ホームページにはクリックで画像を拡大するページがありますよね。 新規でタブが開いて、ブラウザ内に大きく表示されたり、ページが暗転してその上に画像が表示されたり […]
シンプルなデザインについて思う事
「シンプルなデザイン」で何を連想するでしょうか。 スッキリした感じ 飾り気のない感じ 色数の少ない感じ いろいろあると思います。これらは確かにシンプルな物を構成する要因となるかもしれませんが、本質を突いていません。 シン […]
余白を持たせたデザインを作ろう
余白の持つ役割 何もコンテンツが配置されていない空間を余白といいます。 余白を適切に付ける事で、コンテンツが読みやすくなったり、伝えたい情報へ目を向けたりさせる事ができます。 コンテンツがギッシリと掲載されている部分に余 […]
リンクエリアを拡大させるbiggerリンク
biggerlink.jsでクリックできる領域を拡大させる ホームページを作っていて、a要素でリンクを設定します。その時にa要素で囲んだ範囲しか、リンクができません。 あまり問題が無いように思えますが、実際にWebページ […]
ページ上の画像がGoogle検索結果に表示されないようにする
ヤバッ!出てほしくない画像が画像検索で出てきちゃった!!! 検索エンジンでは画像も検索できますよね。Webサイトなら内容を修正して、画像のリンクを変えればひとまずは安心ですが、画像検索の対策はちょっとよくわかりません。 […]
301リダイレクトを正しく設定しよう
URLが恒久的に変更された事を伝える「301リダイレクト」 301リダイレクトはURLが恒久的に変えた場合に使われる転送処理のステータスコードです。 「ページをリニューアルして、フォルダ構造が変わった」「移転してドメイン […]