2016年4月23日土曜日

【裏ワザ】Gmailアカウント1つで複数SNSのアカウントを取得する方法

f:id:ngsmntm:20150909175120j:image
引用:ngsmntm.com
Web担当者にとってソーシャルアカウントの運用って大事ですよね。

でも、、FacebookやTwitter、Google+、Instagramなどのソーシャルメディアのアカウントの取得には、メールアドレスが必須です。複数のアカウントを作成する際、すでに登録されているメールアドレスは使えません。

ソーシャルメディアで複数アカウントを持ちたい時は、その都度メールアドレスを取得しつくらないといけないの!?

いいえ!Gmailアカウントをお持ちなら、1つのGmailアドレスで複数のアカウントを作る事が可能です!!

運用を楽にできる裏ワザをご紹介します!

Gmailアカウント1つで複数SNSのアカウントが取得できる方法


取得できる方法は2通りあります。

Gmailアカウントにピリオド「.」を付ける方法


Gmailアドレスの@の前にピリオド「.」をつけてアカウントを登録する事ができます。ピリオドつけてしまうとアドレス自体が変わりそうですが大丈夫。登録後はピリオド無しのアドレスにメールが届きます。

「.」をつける場所はココ!


hoge_ピリオド

あなたのアドレスが「hoge@gmail.com」だったとしたら、「hog.e@gmail.com」や「h.o.g.e@gmail.com」などとして、登録する事が可能。各ソーシャルメディアのメール登録では、ピリオド入りのアドレスは別アドレスとして扱ってくれます。

ピリオドの入れる位置を変えることで、1つのGmailアドレスで好きなだけSNSアカウントが取れる、というわけです。便利!

Gmailアカウントにプラス「+」とテキストを入れる方法


Gmailアドレスの@の前に、プラス「+」と好きなテキストを入れることで上記同様に1アカウントで複数SNS登録を行う事ができます。

「+」をつける場所はココ!


hoge_プラス

あなたのアドレスが「hoge@gmail.com」だったとしたら、「hoge+1@gmail.com」「hoge+twitter@gmail.com」「infact+fb@gmail.com」などの登録が可能です。

大量に登録が必要な場合は「+1」など、数字を使用する方法が手軽ですよ。

サービスによってはアドレスにプラスが使えないものもあるようですのでご注意くださいね。
是非、使いやすい方法でご活用いただければと思います。

役に立った、という場合はシェアしていただけると嬉しいです!

2016年4月22日金曜日

【ランクに影響!】Googleがモバイルフレンドリー・アルゴリズムを5月に強 化!

ref.png
引用:Googleウェブマスター向け公式ブログ

本日4月21日(木)、ベルサール汐留でWeb担当者Forum主催の「Web担当者Forum ミーティング 2016 春」セミナーに参加してきました。

1日中セミナーに参加してきましたので、頭がへとへとです。情報が整理できましたら後日改めて記事をアップします!タイムテーブルはこちら

取り急ぎ、基調講演の一つであった、Googleの講演でアルゴリズムアップデートの情報を聞いたのでそちらを先にご紹介します!

グーグル金谷氏が語る「モバイル フレンドリーその後と今できること」




グーグル株式会社

サーチ クオリティ チーム

シニア サーチ エヴァンジェリスト

金谷 武明





講演概要

昨年実施したモバイル フレンドリーや App Indexing、そして AMP 対応ウェブページ(Accelerated Mobile Pages)の検索結果での表示の開始など、Google 検索、特にモバイルの変化を感じている方も多いのではないでしょうか。モバイルユーザーとデスクトップユーザーの傾向はどんどん変わりつつあります。そこで Google が 2015 年から行ってきたモバイルを中心としたアップデートと、そのモバイルの流れに今からWeb担当者のみなさんが今できる対策についてお話します。


引用:Web担当者Forum

Googleがモバイルフレンドリー・アルゴリズムを5月に強化します


前回、2015年に初回のモバイルフレンドリー・アップデートが行われ、検索順位に影響が出ていましたが、今回のアップデートは、その効果をさらに増すもののようです。

前回のアップデート時はモバイルに対応していないサイトは検索順位が下がり、逆にモバイル対応しているサイトは順位が上がりました。

目的はランキング要素の効果を高めるアップデート


公式アナウンスの日本語訳では次のように今回のアップデートを説明しています。
Google では昨年より、サイトがモバイル フレンドリーかどうかをモバイル検索でのランキング要素の一つとして使用し始めました。この 5 月からは、当該ランキング要素の効果を高めるアルゴリズムのアップデートを段階的におこなっていきます。このアップデートにより、モバイルでも見やすいページが検索結果でさらに多く表示されるようになります。

イメージとしては、もしそのページがモバイルフレンドリーではなくて、このアルゴリズムの評価によって1つ順位を下げていたとしたら今後は2つ順位を下げるようなイメージです(あくまでもイメージで、影響力が2倍になるということではありません)。



サイト全体の検索ランキングが下がるの!?


金谷さんのお話によると、
個別ページでモバイルフレンドリー対応をしているかどうかを判定するため、サイト全体でペナルティを受けるようなものではない。どこから手をつけてよいかわからないという、Web担当者の方から質問を受ける事が多いが、ますはトップページなど、より重要度の高いページから対応をすすめるとよい。

できれば、5月までにサイトがモバイル対応できている方がよい。

との事でした。

重要度の低いページで解決できない問題にハマったら、一旦googleにインデックスさせない、という事もおすすめされていました。実施目的としては、ユーザーにより最適なページを表示させる、というものです。

お持ちのサイトがモバイルフレンドリー対応できているかどうかはスマホでサイト検索をした際に記事タイトルの下に「スマホ対応」という文字が表示されていますので、確認してみてください。(更新日時が表記されている部分です)

表示されてない場合は、ランキングが下がる可能性がありますので、対応を急いだ方が良さそうですね。モバイルフレンドリーテストでも確認可能ですので、是非試してみてください!

⇒モバイルフレンドリーテスト

⇒公式ブログでの告知情報はこちら「モバイル フレンドリー アップデートを開始します」

今すぐ人に教えたくなる!厳選 Googleのオモシロ隠しコマンドまとめ!



引用:http://blog.livedoor.jp/mayaty/archives/29696193.html

Googleには「隠し機能」が一体いくつご存知ですか?今すぐ人に教えたくなるユーモアたっぷりの隠しコマンドを厳選してご紹介します!

「斜め」で検索


斜め - Google 検索

引用:http://nelog.jp/google-hidden-commands

斜め?

「斜め」や「tilt」、「askew」で検索するとブラウザが傾きます。

「tilt」とは、英語で"傾き・傾斜"

「askew」"斜めに、ゆがんで、一方に傾いて"という意味。

「一回転」で検索


一回転 - Google 検索

引用:http://nelog.jp/google-hidden-commands

一回転?

「一回転」で検索すると、検索結果がぐるりと1回転します。

英語で「do a barrel roll」と検索してもOK。

スーパーマリオで検索


スーパーマリオブラザーズ - Google 検索

引用:http://nelog.jp/google-hidden-commands

スーパーマリオブラザーズ

「スーパーマリオ」「スーパーマリオブラザーズ」で検索すると、右サイドにコインボックスが表示。コインボックスをクリックすると、効果音とともにコインが獲得できます。もちろんスマホでもOK。

検索結果でハートを描く


Graph for sqrt(cos(x))cos(300x) sqrt(abs(x))-0.7)(4-xx)^0.01, sqrt(6-x^2), -sqrt(6-x^2) from -4.5 to 4.5 - Google 検索

引用:http://nelog.jp/google-hidden-commands

Graph for sqrt(cos(x))*cos(300x)+sqrt(abs(x))-0.7)*(4-x*x)^0.01, sqrt(6-x^2), -sqrt(6-x^2) from -4.5 to 4.5

「Graph for sqrt(cos(x))*cos(300x)+sqrt(abs(x))-0.7)*(4-x*x)^0.01, sqrt(6-x^2), -sqrt(6-x^2) from -4.5 to 4.5」と検索すると、計算結果がグラフで表示されハートが描かれます。

これで愛を伝えてみませんか?

Googleロゴがパックマン!そして遊べる!



Googleロゴがパックマンに しかも遊べる!
引用:ITメディアニュース

パックマン誕生 30 周年

懐かしゲームパックマンで遊べます!

Googleが重力落下


Google崩壊

 

引用:http://nelog.jp/google-hidden-commands

Google Gravity

Googleのロゴやツールバー、検索ボックスが重力で落ちてきます。パーツをドラッグ&ドロップすることで、放り投げて遊ぶことができます。

検索したら更におもしろい事に…。

検索もできます

 

無重力なGoogle


Google Space

引用:http://nelog.jp/google-hidden-commands

Google Space

今度は、無重力状態になります。もちろん検索結果も無重力です。

水に浮かぶGoogle


Google Underwater Search

引用:http://nelog.jp/google-hidden-commands

Google Underwater Search

今度は水の中で浮力の影響を受けます。検索すると、イメージ検索の結果とともに沈み始めます。

3D Google


Google Sphere

引用:http://nelog.jp/google-hidden-commands

Google Sphere

Googleのオブジェクトが、ロゴを中心に球体となって周り始めます。検索してみると、検索結果とともにまわります。

レオナルド・ダヴィンチ的Googleで鏡文字!


Google Mirror - I'm elgooG

引用:http://nelog.jp/google-hidden-commands

Google Mirror ? I’m elgooG

Googleがレオナルド・ダヴィンチのメモのように鏡文字で表示されます。検索結果は、上下も逆さまになります。酔っちゃいそうですね。。

検索結果が上下逆さま

Black Google


Black Google

引用:http://nelog.jp/google-hidden-commands

Black Google

Googleが暗黒画面に。検索結果ももちろん黒です。

どんどん大きくなります!


EPIC GOOGLE - FOR WHEN YOU FEEL EXCESSIVE!!! Known as EpicGoogle.com and TooBigToUse.com!

引用:http://nelog.jp/google-hidden-commands

EPIC GOOGLE

Googleのロゴやパーツが、どんどんこちらに向かって近づいてきます。むじむじ寄ってきます!

どんどん小さくなります!


Weenie Google - Warning- May make you feel inadequate! Known as WeenieGoogle.com and TooSmallToUse.com!

引用:http://nelog.jp/google-hidden-commands

Weenie Google

どんどん遠ざかって小さくなっていきます。

みなさんいくつ知ってましたか?


Googleの遊び心満載な隠しコマンドを厳選しご紹介しました。是非試してみてくださいね。

 

2016年4月21日木曜日

【wordpress】カスタマイズをする前に子テーマを作ろう!後悔しない方法!

https://www.flickr.com/photos/52447905@N04/4890538577/
引用:https://www.flickr.com/photos/52447905@N04/4890538577/

WordPress既存テーマを少しでもカスタマイズするなら子テーマを使うべき!というお話です。

子テーマってなーに??


既存のWordpressテーマは、「親テーマ」とも呼ばれ、テーマの機能とスタイルを継承したものが「子テーマ」です。

  • 親テーマ:既存のWordpressテーマ

  • 子テーマ:親テーマに属し、機能とスタイルを引き継いだ上で編集するためのテーマ


 
後悔したくないなら、子テーマを作しましょう!!
もし親テーマでカスタマイズしたら・・・アップデートした場合に、カスタマイズした内容が全て消えてしまうリスクがあります!!
時間をかけてカスタマイズしたものが一瞬でなくなります。恐怖です。
理解ができなくても、とりあえず作っておきましょう。

(´・ω・`)ガッカリシタクナイモン…

では実際に子テーマを作ってみましょう


なので、子テーマを作りましょう。

親テーマから子テーマを複製


 

  1. 子テーマの空フォルダ「親テーマ名-child」を作る

  2. 子テーマに必要なファイルのみ親テーマからコピーし、子テーマフォルダに格納する

  3. 親テーマを継承するためのコードを書く


1.は親テーマと同じ階層にフォルダを作成します。

2.は以下の親テーマから以下2つのファイルをコピペしてきます。
子テーマでは親テーマと異なるカスタマイズを行う場合のみ、必要なファイルを複製・格納し、編集を行います。

 

  • style.css

  • functions.php


子テーマファイルを編集しましょう


style.cssの編集


style.cssには、子テーマ情報を以下のように記入します。
/*
Theme Name: Twenty sixteen Child
Theme URI: http://example.com/twenty-sixteen-child/
Description: Twenty sixteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentysixteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-sixteen-child
*/

特に必要な記入項目は以下です。

  • Theme Name:子テーマを識別するための名前を書く

  • Template:親テーマのフォルダ名を書く



他のテーマで利用するには、名前を変更し、「twentysixteen」部分を他のテーマの親テーマフォルダ名にします。

functions.phpの編集


functions.phpでは、親テーマのstyle.cssがちゃんと、子テーマを適用した際にも呼び出されるようにするコードを記入します。

functions.phpを開いて以下のコードをコピペします。



これを書くことにより、親テーマのスタイルが子テーマに引き継がれます。

※注)「@importを利用すると呼び出しが遅くなる」などの弊害があるので、現在ではfunctions.php側で呼び出す方法が現在推奨されています。

ファイルアップロード、有効か


上記のファイルをサーバーにアップします。
最後に Wordpress管理画面>外観>テーマ を選択して、作成した子テーマを有効化します。

以上で作業は完了です!

カスタマイズする上で必要なファイルがあれば、上記同様のやり方で親テーマからコピペして作業してみてください。

 

2016年4月20日水曜日

【WordPress】記事のみ500エラーが発生するトラブルを簡単に解決!

ukiwa

何もしていないのに記事ページが500サーバーエラーに!?


いきなり記事ページが500サーバーエラーになりました。あたふたしましたので、超簡単に解決した方法をご紹介します。

トップページは表示されているからサーバー側の問題ではない!


トップページは表示されているので、サーバー側の問題ではない、と仮説をたてました。

調べると、下記サイトで参考記事が。

http://www.amamoba.com/wordpress/wp-404error.html

結論パーマリンクの「変更を保存」と.htaccessファイル上書きだけでエラー解決できました。

かんたん解決方法



  1. 設定>パーマリンク設定 を開いて、変更なしのまま「変更を保存」ボタンをクリック

  2. .htaccessを更新する必要があります。と上部にメッセージが出ます。

  3. サーバーに.htaccessを変更なしのままアップロード、上書きします。


以上で、エラー表示が解消できました。

キャッシュの問題かと思いますが、次回不具合が出るまではこのままやり過ごしたいと思います。

2016年4月19日火曜日

知ってる!?iPadに「計算機」アプリが存在しないワケ!

iphone画像

なぜiPadには計算機アプリがないの??


そういえば、iPadにはiPhoneのような計算機アプリが存在しませんね。なぜなのでしょうか。その原因は故スティーブ・ジョブズ氏にあることが分かりました!

リリース直前でジョブズ氏が介入!!


「本当に面白い話なんだ」と話すのは、当時の事情をよく知る元アップル社員Tangoshukuda氏。同氏は「iPadのプロトタイプを作ったとき、iOSの計算機アプリを搭載したんだけど、(iPadの)スクリーンにiPhone用アプリが拡大表示される作りだったんだ。」「アップルの誰もがみんな、そのまま出荷されるのだろうと考えていた。」

そして、リリースの1ヶ月前になってスティーブ・ジョブズ氏が前iOS担当上級副社長であるScott Forstall氏のオフィスへ。

「計算機の新しいデザインはどこだ?こいつは酷すぎる!」とiPad用に新しい計算機のデザインを要求します。このまま出荷する予定だと答えると、ジョブズ氏は「ダメだ、抜け。これでは出荷できない。」と即答したそうです。新しくiPad向けに計算機をデザインするには時間が足りず、やむなくアプリなしでのリリースとなったとのこと。

もし介入してこなかったならとんでもない事になってた??


その後、他にも開発しなければいけないものがあるため、優先度の低い計算機の開発は思うように進まず、未だに搭載されないままになっているのだとか。逆に言えば、もしジョブズ氏が直前介入してこなかったなら、iPhoneの「計算機」アプリをそのまま横に引き伸ばしたようなものが搭載されたままだった可能性もあります。

ちなみに、ジョブズ氏がこうして計算機について介入してきたことはこれが初めてではなく、以前にもMacintoshに搭載予定だったものを酷評したことが明らかとなっています。

細部にまでこだわる姿勢が素晴らしいプロダクトを作る事に繋がってるんでしょうね。

2016年4月18日月曜日

備忘録!カスタムパーマリンクってなんやねん!?【wordpress】

chikuwa

wordpress初心者です。カスタムパーマリンクが何かよくわかりませんでしたので、備忘録。

パーマリンクってなーに??


パーマリンクとは、Webページの中の個別のコンテンツに対して設けられたURLのことである。特に、ブログにおける個々のエントリー(毎日の記述)に対して割り当てられたURLを指すことが多い。パーマリンク(Permalink)は、恒久・不変を意味する「パーマネント」(permanent)と「リンク」(link)が掛け合わされた造語である。

引用元:IT用語辞典バイナリ
http://www.sophia-it.com/content/パーマリンク

ひとことで言うと「Webページ毎に設定される個別のURL」の事です。

パーマリンクの設定と構造タグ


p5-3

管理画面左メニュー 設定>パーマリンク設定をクリックし、上記箇所を編集します。

使用可能な構造タグは次のようなものがあります。































































タグ名意味
%year%記事を投稿した日付の年(4桁)2016
%monthnum%記事を投稿した日付の月(2桁)09
%day%記事を投稿した日付の日(2桁)26
%hour%記事を投稿した時刻の時(2桁)14
%minute%記事を投稿した時刻の分(2桁)08
%second%記事を投稿した時刻の秒(2桁)35
%postname%サニタイズされた記事のタイトルReport
%post_id%記事の固有ID35
%category%サニタイズされたカテゴリー名wordpress
%tag%サニタイズされたタグ名anime
%author%サニタイズされた著者名yamamoto

サイト構造設計に適した設定を行いましょう


以下の構成でパーマリンク設定を行います。
http://ドメイン/カテゴリー名/投稿名(英数字)

「http://○○○.jp/web/wordpress/custmize/599」という形ですね。
パッと見て、Web関連でWordPressのカスタマイズにまつわる記事なんだろうな、ということが想像できるかと思います。

SEO的にもサイト構造設計にのっとった適切なURL構造といえます。

日本語URLがNGは理由は?



  • WordPressのバージョンによっては、404エラーになる場合がある

  • 外部ブックマークサービスやトラックバックで404エラーになる場合がある

  • アドレスバーや外部サービスにコピペした際に、エンコードされURLが長くなる


「エンコードされURLが長くなる」とだけ聞くとイメージしにくいかもしれませんが、以下のように意味がわからない文字列がズラッと並ぶURLを見たことはないでしょうか?

http://example.com/%E3%81%93%E3%82%93%E3(以下略)
これが、「http://example.com/こんにちは/はじめまして」をエンコードしたURLになります。どんな記事なのかがURLを見ただけではわかりません。

また、Twitterなどに直接日本語URLを貼り付けると、URLと認識されず、リンク先に飛ぶことができないので注意が必要です。
日本語パーマリンクを使用する際は、デメリットを考慮した上で検討することをおすすめします。

まとめ:マスタ無構造を活用しましょう


私のサイトではカスタム構造を選択し、以下にて設定を行っています。

よろしければご参考になさってみてください。
/%category%/%post_id%