[レベル: 初〜中級] nofollowリンクの使い方に関して、GoogleのJohn Mueller（ジョン・ミューラー）氏が英語版のオフィスアワーで参加者の質問に回答しました。 nofollowリンクをサイト内で多用することに問題はありません。 その一方で、ユーザーの役に立つコンテンツへのリンクであればnofollowを付ける必要性はまったくありません。 オフィスアワーでのQ&A 参加者が次のようにミューラー氏に質問しました。 外部サイトへのリンクをすべてnofollowにすることを、良いことだとはGoogleは思っていないというのは本当ですか？ 広告やユーザー生成コンテンツのリンクをnofollowにしようかと考えています。 ミューラー氏は次のように回答します。 いいや、そんなことはない。 nofollowリンクがサイトにたくさんあったとしてもまったく問題ない。たくさんの広告やユーザ

どうも、本業ではWebデザインからコンサル、SEOまで幅広くお手伝いさせて頂いているENJI（@ENJILOG）です。 大きな声では言えませんが、 今までにたくさんの意味のないホームページも制作してきました。 もう、作っている段階で 「あ～これアカンやつやわ～。」「絶対、失敗するわ～」 というホームページです。 じゃあ、その前に教えてやれよ！ それでもプロか！？ 当然、皆様は思われるでしょう。 もちろん、僕だって思います。 折角作るホームページ、「制作実績」としていい物にしたいという実益も含め、 効果のあるホームページでお客様にもがっかりされるより喜んで頂きたいわけです。 そんな想いがありながら、なぜ「失敗するホームページ」が産まれるのか？ この記事を見て頂いた方にはその理由を理解して、 ぜひご自身のホームページの作り方に役立てて頂ければ幸いです。 ※綺麗ごと抜きで本音を言いたい放題です。

他ではあまり見かけることのないユニークな見せ方や動きを実装したいとき、遊び心あるイースターエッグを仕込んでおきたいときなどに個人的に使えそうだなと思ったスクリプトをまとめてみました。 ブラウザやデバイスによっては実装できないものも幾つかあるのでその点は注意が必要ですが、いずれもそこまで難しい記述などもなく実装することができます。 窓に水滴がついていく様子を表現できる「rainyday.js」 とにかく実際に動いているデモを見てほしいのですが、雨が降って窓に水滴が徐々についていく様子をリアルに表現することができるスクリプトです。 水滴のサイズやついていくスピード、ぼかしや不透明度具合を調整することができます。 水面に滴が落ちているような感じを表現できる「Raindrops.js」 コンテンツやセクションの区切りなどを水面に見立て、そこに滴が落ちてきたようなエフェクトを実装できるjQueryプ

[レベル: 初級] SEOを目的とするなら、サイト内の1ページとして作成したHTML形式のサイトマップは現在は不要です。 効率よくクロールさせたいのであればXMLサイトマップを使います。 HTML sitemaps are fine, especially if they work for your site & users. Most sites don’t need them for SEO nowadays (we can crawl to every page normally and get support from an XML sitemap), so I wouldn’t go out of my way to create them.  特に、サイトやユーザーにとって役立つのならHTMLのサイトマップを利用するのはいいことだ。だがほとんどのサイトはSEOのためにはHTM

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

バレンタインの定番素材といえばハート。 ガーリーでかわいいデザインから、インパクトがあるデザインまで色々集めてみました。 バレンタインデザインの参考にいかが? Pink Floral Heart vector Graphic ファイル形式： EPS ライセンス：Creative Commons (Attribution 3.0) www.webdesignhot.com Pink Floral Heart Vector Graphic ファイル形式： EPS ライセンス：Creative Commons (Attribution 3.0) www.webdesignhot.com 4 heart-shaped Valentine's Day Vector ファイル形式： EPS all-free-download.com A variety of Valentine's Day heart

あいまい検索（英語検索） あいまいな日本語で（英語でも）検索できます。上手く動くか分からないのでお試しです。 検索の仕方については「検索のコツ」をご覧ください。 AIを使っていらすとや風の画像が生成できるサービスです。 Eテレのショートアニメです。 いらすとやが更新されたらお知らせするX（ツイッター）アカウントです。 いらすとやのLINEスタンプに関する情報をお知らせするLINEアカウントです。

商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。

Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう

MS Office カテゴリ MS Office (103) 関連タグ Access (35) Excel (86) PowerPoint (8) Python (2) YouTube (6) 入門 (36) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (36) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7) Photoshop (18) Premiere (3)

[レベル: 上級] schema.orgのパンくずリストをGoogleは公式にサポートし、ドキュメントを2週間前に更新しました。 その後、2つの重要な更新がさらにドキュメントに入っています。 現在のページをパンくずリストに含めるかどうか 現在のページはパンくずリストに含めても含めなくてもどちらでもかまいません。 schema.orgのパンくずリストの記述例には、現在のページが含まれていません。 たとえば、スティーブン・キングが書いた小説、「ザ・スタンド」の商品ページでは次のようにパンくずリストを設定できます。 ホーム › 本 › 著者 › スティーブン・キング › ザ・スタンド 最後の「ザ・スタンド」が示すページは、つまり自分自身です。 しかし「ザ・スタンド」のページで次のようなパンくずリストを設定していたとしても、（Googleに対しては）まったく同じ役割を果たします。 ホーム › 本

[レベル: 初〜中級] たとえば、自動生成でページ数を大量に増やしてもすべてのページがインデックスされることはないし、検索エンジンの評価は上がりません。 コンテンツの品質が高いページだけを作り、反対に、品質が低いページを減らすことが重要です。 ヘルプフォーラムでのQ&A 次のような内容の質問がGoogleのウェブマスター向け公式ヘルプフォーラムに投稿されました。 160万ページ以上あるのに、site:で調べると120万ページしかインデックスされていない。 Search Consoleでも120万だ。 どうしたら全ページをインデックスさせられるか？ ミューラー氏からのアドバイスはこうでした。 On the one hand, the site:-query results weren’t meant to be used as a metric — they’re a very rough

[対象: 全員] サイト管理者が作成したメインコンテンツだけでなく、UGCのように外部のユーザーが作ったコンテンツは、たとえそれがコメントであってもそのページの品質を評価する際の対象になります。 したがって、ページ全体としてのクオリティを高めなければなりません。 ユーザーによるコメントもコンテンツの一部 9月末に実行されたパンダアップデートの影響を受けたと思われるサイトの管理者が、その原因と対処方法を英語版のオフィスアワーでGoogleのJohn Mueller（ジョン・ミューラー）氏に質問しました。 ミューラー氏は、ユーザーによって書き込まれたブログへのコメントのチェックをアドバイスの1つとして提案します（注: ユーザーコメントが原因でパンダアップデートに低品質評価されたとは言っていない）。 理由は、コメントも含めたページ全体のコンテンツが品質評価の対象になるからです。 メインコンテンツ

[レベル: 中級] “コンテンツの言語と同じ言語をURLに含めるべきかどうか？” あなたはどう思いますか？ 6月30日に開催されたヒンディー語版のウェブマスター向けオフィスアワーで、GoogleのSyed Malik Mairaj氏は、その国の言語でURLを付けることを推奨しました。 ただしそれはユーザー体験の観点からです。 Googleの評価が高まりランキングが上がるということではありません。 その国の言語のURLはユーザー体験を高める その国の言語でURLを構成することをGoogleは勧めるか？ この質問に対して、Syed Malik Mairaj氏が回答します。 ベストなのは、コンテンツと同じ言語をURLでも使うことだ。 なぜなら、URLは検索結果で目に見えるし、ブラウザでも見えるからだ。 ユーザーは入力したURLのページにアクセスできる。 コンテンツと同じ言語のURLにしておけば、

米Yahoo!は、Googleからデータ供与された検索結果をテスト中であることを認めました。 検索システムとして米Yahoo!はBingを現在利用しています。 Yahoo検索にGoogleの結果 米Yahoo!の検索結果にGoogleの検索結果（と広告）が表示されているのを発見したのはSEOBookのAaron Wall（アーロン・ウォール）氏です。 Search Engine Landからのこの発見に関する問い合わせに対して、米Yahoo!は次のように回答したとのことです。 As we work to create the absolute best experiences for Yahoo users, from time to time, we run small tests with a variety of partners including search providers