My new belly button...yeah, not so much, but it's closer to this than before the umbilical hernia repair

I recently passed the 40th day since my open umbilical hernia repair with mesh surgery.

Thank you all for the comments and email about my first post: what to ask your doctor prior to an umbilical hernia repair.

For the benefit of the community, I’ve included a few of your messages below with your names redacted (please pop me an email if you’d rather I remove your messages altogether).

As I mentioned in my first post, I was very nervous about having this procedure done. Yes, my belly button was disfigured and slightly uncomfortable when touched, but really, was that such a big deal?

I was at the tail end of an intensive 3-month exercise program and was very much enjoying the unencumbered physical exertion: jumping jacks, ab crunches, push-ups, resistance training, stretching and yoga. A week prior to my scheduled surgery, I had cold feet.

That’s when I reached out to my doctor with a bunch of questions and wrote up the previous blog post. Today, I’m happy to say that the entire procedure and recovery went exceedingly well, better than I expected even. Throughout the day, I have no reminders of the surgery short of a nicer looking belly button.

I’ve had no lingering pain, no “tugging” that others reported and no restriction at all when exercising (even ab crunches). Here are some day-by-day details of my umbilical hernia recovery experience:

Umbilical Hernia Recovery Day 1: the procedure and the first day

I had to show up at the surgical center at 6:30 am. They were adamant that I not eat or drink past midnight the night prior and that I didn’t take any medications for 36 hours before the surgery. After a brief check-in (I had pre-registered online) I stripped out of my clothing and into a johnny.

I was briefed by nurses, the anesthesiologist, the resident who did the surgery and my primary surgeon. I had an IV inserted into to back of my left hand and some preliminary sedatives administered. I was concerned about the risks and recovery discomforts of undergoing general anesthesia so I asked my surgeon and anesthesiologist if they could do the procedure with local anesthesia plus IV sedation, which they did.

After being in the prep room for about 20 minutes, and maybe 5 minutes after getting the preliminary sedation, they wheeled me into the operating room. At that point I was already starting to lose touch with reality. They started me on  the IV sedation and within a minute I was out. I have no recollection of the surgery at all and wonder why anyone would opt for general anesthesia over local.

After being wheeled into recovery, I was visited by my surgeons, given a vicodin, a muffin and some ginger ale. I was in recovery for a little more than an hour and was home by 11 am (you will need someone to drive you). At home, I lounged in bed and popped the prescribed pain meds. It was difficult getting in and out of bed for the first couple of days, but not impossible.

For the first day, I had a thin, clear plastic, 12″ by 12″ bandage over the area, probably to insure that no bad germs got anywhere near the hernia surgery site. I was told to take that off after one day.

Tip #1: Ask about local anesthesia instead of general. There seem to be fewer risks, no risk of throat irratation or chipped teeth from a required breathing tube, and in my experience, it is 100% effective.

Tip #2: Wear sweatpants and slip on shoes to make dressing after the surgery easier. Bending over won’t be easy for a few days.

Umbilical Hernia Recovery Days 1-3

I spent the first few days mostly in bed watching TV and using my laptop. I was definitely more comfortable lying down or leaning back than sitting upright but I could also move around much better than I anticipated. Getting in and out of bed was a little challenging since using my core was painful. I had to rely on my arms and legs to get up and down as much as possible.

For the first few days, I had to sleep on my back (I’m normally a side sleeper), but I was surprised at how well I slept even on the first night after surgery.

I was prescribed IC hydrocodon-acetaminophen (aka vicodin, for pain) and IC docusate sodium (a stool softener). I took both medications during the first few days to help manage the pain and get myself “regular” again.

At this point, I had about 7 small pieces of overlapping tape keeping the surgery incision closed. I was told to wash the area as normal but to keep these strips on until the follow-up appointment.

Tip #3: Without going into too much detail, know that prescription pain medications and surgery in general can disrupt your normal digestive “process”. In addition to my pain medications, I was also prescribed a stool softener and told to use a gentle laxative to help get things regular again. Based on my research, I had expected this and was snacking on prunes for the days leading up to the surgery. For me, things started to get back to normal on day two, but not consistently back to a regular schedule until about a week after surgery.

Umbilical Hernia Recovery Day 5

By day 5 I was feeling pretty good. I was moving around quite well and decided that I would attend a previously schedule birthday dinner out with friends. In hindsight, it was probably too soon for that as sitting upright in a chair for a couple hours put pressure on the area and was quite uncomfortable. I wouldn’t recommend going out to dinner until week two.

Umbilical Hernia Recovery Day 7

By the end of the first week, I was moving around normally and was no longer taking the pain meds. I had only slight pain when I actually touched the incision site, but in general I felt like I could do almost anything. At this point, my abdomen was still a bit swollen, which was only noticeable from a side view. Around this time, I pulled off the surgical tape because I was curious to see what the scar looked like.

Umbilical Hernia Recovery Day 14

By then end of week two, I felt almost completely back to normal. I still had some swelling under my belly button which made it look like it was when it was herniated. I had my two-week follow-up appointment with my surgeon and he assured me that the swelling would go away and I would, indeed, have an innie again (he was right, of course).

My surgeon gave me the all-clear to start working out again with the caveat that I not lift very heavy weights and not do intense ab crunches. On the next day, I started working out again with the Power 90 at-home routines I was doing for the three months prior to the surgery: resistance training, bodyweight exercises, low impact cardio, slightly higher impact cardio (jumping jacks), stretching and yoga.

Some of the exercises which engaged my core felt a little constricted, but that got better every day.

Umbilical Hernia Recovery Day 30+

After one month, all the swelling was gone, I had my innie back and I was completely healed. As I said in the opening, I have no daily reminders of the hernia or repair surgery. I have no pain, no pulling and no discomfort at all. It feels weird but nice to have no sensitivity when I touch the area and I’m still quite amazed when I see a normal looking belly button staring back at me in the mirror.

By day 30, I resumed all aspects of my workouts, including the “Ab Ripper” exercises which is 10 set (20 reps each) of 10 different abdominal exercises. My abs were very weak after taking a month off, after a week I was doing the 200 crunches again, just as I had been before the surgery.

My Umbilical Hernia Scar and Scar Management

The scar for my umbilical hernia repair is just below my belly button in a small 2 cm arc. It is quite small and to insure that it stays that way I started applying Mederma as soon as the surgical tape was off.

Soon after that I discovered silicone scar sheets which claim to be even more effective than Mederma and which I found to be more convenient since they stayed on all day and regained their stickiness if you gave them a rinse once in a while.

I’m not sure if either of these methods is working, but they are easy enough to do that I’ve decided to plug ahead with the silicone scar sheets.

In summary, I am very happy with my repaired belly button and recovery. I don’t have any tugging, pulling or pain like I read about in other online accounts. I am graduating from my first home boot camp program and starting up with the next level. Before the end of the year, we’ll take on the granddaddy of them all, P90X!

Below are a few messages from readers with a mixture of similar concerns and alternative outcomes …

Email #1:

Hi Mitch

You don’t know me but I came across your excellent hernia repair article via Google and was just wondering how it went for you.

I’m making arrangements for the same procedure myself and share the same preoperative concerns.

Like you, fitness plays a great part in my life and I’m apprehensive at the prospect of not being able to work out or any other permanent untoward side effects.

I’d be appreciative of any insights you may care to share.

Kind regards

Email #2:

Tonight during the Patriots/Chiefs football game I created a few Atari 2600 inspired designs. I chose three of the games that I played a lot as a kid. I will probably pick one of these and cut my own decal unless someone chimes in with a good alternative.

Missile Command: The Atari game with the lamest easter egg of all time.

Atari Missile Command MacBook Decal

Adventure: I loved this game and loved its easter egg too. I call this decal the “good news, bad news” composition.

Atari Adventure MacBook Decal

Raiders of the Lost Ark: Another game I played a ton. Damn those tsetse flies!

Atari Raiders of the Lost Ark MacBook Decal

I’d also like to try designs inspired by the ET, Defender and Earthworld games. Remember them?

My impression of umbilical hernia repair

(You can read the update on my recovery here: My Pleasantly Uneventful Umbilical Hernia Recovery)

Fair warning: this post is well off-topic from my typical Python/Django/tech focus. It does, nonetheless, share some useful information that I had a hard time compiling from Google searches alone, which is well in line with this blog’s purpose.

Next week I will be having my small and typical umbilical hernia repaired. Since this is my first surgery, I have been freaking out a bit. I have done a lot of Google searches looking for recovery stories and similar cases to mine. I have been particularly interested in the benefits of open vs. laparoscopic surgery as well as the mesh vs. suture repair method.

Over the past few months, I have been doing a lot of intense home boot camp fitness routines and am eager to learn what the recovery time for my umbilical hernia repair will be for various activities.

Finally, after a lot of searching, I posed the following questions to my surgeon. His answers are included. For background, I am a relatively fit and active person with a smallish (about the size of a grape) umbilical hernia. My surgeon is affiliated with Beth Israel Deaconess Hospital in Boston and Needham, MA and has been doing hernia repairs for about 10 years.

Where appropriate, I have annotated his replies with my own notes in brackets. This annotated information mostly came from speaking with him on the phone.

What method will you use to repair my umbilical hernia (mesh, mesh plug, suture, open, laparoscopic)?

- I think open surgery is a better approach for your hernia. It is the simplest and lowest risk approach for your situation. [Open surgery allows him to see the defect better, more accurately secure the reinforcing mesh (if needed) and has a lower risk of damaging surrounding organs.]

Is mesh required for the size hernia I have? Would sutures be an acceptable solution?

- Mesh is used when the defect in the fascia is greater than 2-3 cm and in obese patients. [He noted that recurrence rates for mesh-repaired hernia are typically less than 5% whereas recurrence rates for suture-only repairs can be as high as 25%.]

The common complications I have read about were caused by mesh problems (mesh movement, mesh balling, infection, foreign-body rejection, scar tissue, chronic pain and “tugging”). What percentage of your patients have experienced mesh-related complications?

- Mesh movement or balling is rare with open surgery. Scar tissue occurs with any operation and chronic pain is more common with inguinal hernia surgery and with laparoscopic approaches to umbilical and ventral [or incisional] hernias. Mesh infection is the most common complication. It happens in less than 1% of patients. I have done more than 2,500 hernia operations in 10 years in practice so of course I have had this complication.

Do you do any non-mesh umbilical hernia repairs? Why not for my case?

- Yes, we may still not use mesh pending the size of your defect which cannot be determined until surgery because you have some fat trapped in the defect preventing measurement until surgery.

Do you do laparoscopic umbilical hernia repairs? Why not for my case?

- Yes, I think that open surgery is a better approach for you hernia and your body type. [He noted that laparoscopic surgeries are actually more invasive than open surgeries with a greater risk of surrounding organ damage and mesh placement and movement problems.]

As mentioned above, I’m very concerned about mesh problems and chronic pain during my future P90X, boot-camp-style exercises. Which repair method is better for quickly returning to a very active lifestyle (sutures vs. mesh, open vs. laparoscopic)?

- Neither approach will prevent returning to full activity. However, you will need at least 4 weeks of rest from intense core work.

If mesh is recommended, would laparoscopic provide for a shorter recovery time? Is there a downside to a laparoscopic procedure?

- The downside to laparoscopy is that is “more invasive” even though we call it minimally invasive. We make incisions away from the hernia. There is more risk albeit small of bowel or vascular injury with laparoscopic surgery than with open surgery.

How big is the piece of mesh you will insert? What shape? What prevents it from moving? Will scar tissue form around it causing problems?

- The mesh size depends on the size of defect. It is usually 2-3 cm larger on all sides than then defect. We secure it in place with stitches and this prevents it from moving during tissue ingrowth/scarring. You want scarring and ingrowth to occur to prevent long term shifting of the mesh.

Will the incision be hidden within the navel? I don’t want a visible scar, and want my innie back.

- The incision will be small in a curvilinear fashion just below the umbilicus. It will be visible but small. You will have your “innie” back. [He noted that some surgeons completely hide the incision in the navel, but he has found that it is more difficult to aesthetically reconstruct the belly button when you do this.]

Is it possible to do local anesthesia plus IV sedation instead of general anesthesia?

- If the anesthesiologist agrees then we can do it under iv sedation with local. [The thought of general anesthesia scares me, as well as the potential for respiratory complications and throat irritation from the required breathing tube.]

What are my chances of getting chronic pain from a hernia mesh?

- very small in this location, less than 0.5% [Although he did say that I will be aware of the repair, but it shouldn't be painful.]

How is mesh-caused chronic pain treated and can it be reliably cured?

- Most chronic pain syndromes are in a different location hernias but are treated in multiple ways including mesh removal

What is your recurrence rate with non-mesh hernia repairs?

- It depends on many factors. Size of hernia, medical problems of patient, obesity etc. I would say that in your case the risk of recurrence is between 5-10%.

Umbilical hernia recovery times: how soon can I return to normal exercise activities?

Running: 2-3 weeks
Weight lifting: 4-6 weeks
Push-ups: 4 weeks
Ab crunches: 4-6 weeks
Skiing: 4 weeks

How soon can I drive?

- usually 48 hours after surgery and when not taking narcotics for pain.

How soon can l comfortably travel internationally (5 hr flight, 40 lb luggage, lots of walking, stairs)?

- 2-3 weeks

How soon can I comfortably go out socially (dinner, drinks)?

- 1-2 weeks [If I require narcotics to manage the pain, then I can't drink alcohol while taking them.]

How many times have you performed this surgery?

- all hernias 2,500-3,000 times

What kinds of complications are there to this procedure?

- bleeding, infection, recurrent hernia are the most common complications.

What kinds of complications have your patients experienced?

- all of the above albeit uncommon.

I hope this helps at least one reader become more educated about, and comfortable with, umbilical hernia repairs. I will post a follow-up after my procedure and recovery. Here are a few websites I found useful when researching umbilical hernia repair:

• New England Journal of Medicine: “A Comparison of Suture Repair with Mesh Repair for Incisional Hernia”
• A Long-term Follow-up: Suture versus Mesh Repair for Adult Umbilical Hernia in Saudi Patients. A Single Center Prospective Study
• Hernia Center of Southern California: “Surgical Techniques”
• Hernia Center of Southern California: “FAQs”
• Follow-up of a Trial of Suture Versus Mesh Repair of Hernia (only available without account if visited via a Google SRP, slimy)

Now back to coding

SEE MY UPDATE: My Pleasantly Uneventful Umbilical Hernia Recovery

Remote capture webcam images

I’ve had this WiFi enabled webcam looking down my driveway for over a year now. Since I work at home, it’s great for monitoring when deliveries, Jehova’s Witnesses and family members approach the house.

It is also useful for checking on home when I am away on vacation. I have grown to rely on it daily and I keep a small browser window with the video stream always up on one of my work monitors.

Up until this week, however, I didn’t remotely save any captured data from the camera. After reading about a home break-in over the weekend I decided to fix this. Below are the steps to quickly and easily store and display a series of 5-minute increment snapshot from your home webcam to a remote server.

Here is a sample day from my camera and my detailed reply on Wantbox to someone who was looking for an outdoor wireless security camera.

Prerequisites

1. A web accessible webcam.
2. A remote server (shared is fine, no root access needed, I use and love Dreamhost).

 The basic steps

1. Setup your home router to allow remote viewing of your webcam.
2. Figure out what the image file for your video stream is. Mine is “snapshot.cgi”. View source on the web page that displays your video stream and search the HTML until you find the correct file.
3. Create a shell script on your server which wgets and saves the image.
4. Create a cron job which fires off the script every five minutes.
5. Monitor and enjoy knowing that you’ll at least have a nice snapshot of you home intruder’s car.

Note: my simple little webcam has a few modes: one is a live feed from the camera and the other is tailored for smart phones and updates the camera image every few seconds. It was on this second page where I found the appropriate video image file for grabbing.

The cron job

Nothing fancy here, simply “crontab -e” on your remote server and add the following entry to call the shell script every five minutes.

# Grab a screen cap every 5 minutes
0,5,10,15,20,25,30,35,40,45,50,55 * * * * ~/yourdomain.com/assets/grab_snap.sh

The shell script

The shell script does a few things:

1. Parses the current date into its year, month and day parts. You need this because the snaps are stored in a directory like “/2011/10/18/”.
2. Checks if today’s target directory exists, if not it creates it and creates a symbolic link to a standard “index.html” file.
3. Fires off wget to grab a screen grab from your home webcam. A sample snapshot filename is “snap_19:55_PDT.jpg”.

#!/bin/bash
#
# Grab and save a frame from our home driveway camera.
#   Usage: ./grab_snap.sh
#   Sample: 0,5,10,15,20,25,30,35,40,45,50,55 * * * * ~/yourdomain.com/grab_snap.sh
#

curryear="`date +%Y`"
currmonth="`date +%m`"
currday="`date +%d`"
currtime="`date +%H:%M_%Z`"

outfile="/home/you/yourdomain.com/snaps/${curryear}/${currmonth}/${currday}/snap_${currtime}.jpg"
target="http://yourhome.com:50881/snapshot.cgi?${currday}-${currtime}"

# Check if this year's directory exists
if [ ! -d ~/yourdomain.com/snaps/${curryear} ]; then
   mkdir ~/yourdomain.com/snaps/${curryear}
fi

# Check if this month's directory exists
if [ ! -d ~/yourdomain.com/snaps/${curryear}/${currmonth}/ ]; then
   mkdir ~/yourdomain.com/snaps/${curryear}/${currmonth}/
fi

# Check if this day's directory exists
if [ ! -d ~/yourdomain.com/snaps/${curryear}/${currmonth}/${currday}/ ]; then
   mkdir ~/yourdomain.com/snaps/${curryear}/${currmonth}/${currday}/
   ln -s ~/yourdomain.com/assets/index.html ~/yourdomain.com/snaps/${curryear}/${currmonth}/${currday}/index.html
fi

# Grab the screen cap
wget --user=yourcamerausername --password='yourcamerapassword' --output-document=$outfile $target

The index.html file
This index file shows all of the thumbnails from your webcam and displays the full sized image when you rollover one (see demo). There’s a little bit of CSS embedded in the head. There are no other dependencies outside of this index file and the captured data.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="refresh" content="600">
<style>
    body {background-color:#000;}
    h1 {color:#FFF; margin-left:50px;}
    a {color:#FFF; text-decoration:none;}
    a:hover {color:#CCC; text-decoration:underline;}
    .container {width:1470px;}
    #preview {float:right; width:640px; height:480px; background-color:#222; border:1px solid #FFF;}
    .hour_row {width:880px;}
    .row_label {color:#666; width:50px; height:48px; display:inline-block;}
    .thumb {width:64px; height:48px; background-color:#111; display:inline-block;}
</style>
<script type="text/javascript">
    date=new Array();
    date=document.location.pathname.split("/");
    title="Snaps from "+date[2]+"-"+date[3]+"-"+date[4];
    document.title=title;

    // Thumbnail rollover function
    function update_preview(src,hr) {
       document.getElementById('preview').style.marginTop=hr*40+"px";
       document.getElementById('preview').style.background='url(' + src + ')';
    }
</script>
</head></pre>
<pre lang="foo"><body>
<div class='container'>
<div id='preview'></div>
<script type="text/javascript">
document.write("<h1>Snaps from <a href='../..'>"+date[2]+"</a>-<a href='..'>"+date[3]+"</a>-"+date[4]+"</h1>");
for (h=0; h<=23; h++) {
  hour=h;

  // Pad single digit hours
  if (h<10) hour='0'+h;

  // Calc AM/PM and convert from pacific (server) to eastern time
  am_pm=' am';
  if (h>8 && h<21) am_pm=' pm';

  eastern=h+3;
  if (eastern>12) { eastern-=12; }
  if (eastern>12) { eastern-=12; } // yes, really needed, take it out and see why

  document.write("<div class='hour_row'>");
  document.write("<div class='row_label'>"+hour+":00<br>"+eastern+am_pm+"</div>");
  for (m=0; m<=55; m+=5) {
    minute=m;
    if (m<10) minute='0'+m; // Pad single minutes
    document.write("<div class='thumb'><img src='snap_"+hour+":"+minute+"_PDT.jpg' ");
    document.write("title='"+eastern+":"+minute+am_pm+"' width='64' height='48' ");
    document.write("onmouseover='update_preview(this.src,"+hour+")'></div>");
  }
  document.write("</div>");
}
</script>
</div>
</body>
</html>

Use an .htaccess file to protect your directory (for Apache users)
Personally, I don’t want people rooting around my webcam image history, so I have protected my server by placing the following .htaccess file at the root level of my camera archive web server.

You can create the appropriate entry in the passwd file by executing: “htpasswd -c /home/you/.htpasswds/passwd yourname”. When you are prompted enter the password that your would like to use.

AuthName "Dialog prompt"
AuthType Basic
AuthUserFile /home/you/.htpasswds/passwd
Require valid-user

That’s all she wrote. If and when you improve on my default index.html file please share it with me!

How to import a CSV file into Django

Recently I downloaded a US zip code data file in comma separated (CSV) format. Below are the steps and python script that I used to import that data into a django model for my site Wantbox.com.

The Steps to Import CSV Data into Django:

1. Create your django model (mine is called “ZipCode”, see below).
2. Create a python script called “load_data.py” with your correct django project and directory info (see mine below).
3. Put the CSV file and “load_data.py” script in the same directory.
4. From that directory run: python ./load_data.py”

That’s it. For a CSV file with about 42,000 rows this import took about 15 seconds. You can verify that the data loaded correctly by checking your django admin.

My CSV File

ZIPCODE, CITY, STATECODE, STATENAME
02111, BOSTON, MA, MASSACHUSETTS
02481, WELLESLEY HILLS, MA, MASSACHUSETTS
05819, ST. JOHNSBURY, VT, VERMONT
etc...

My Django “ZipCode” model:

import datetime

class ZipCode(models.Model):
    zipcode = models.CharField(max_length=5)
    city = models.CharField(max_length=64)
    statecode = models.CharField(max_length=2)
    statename = models.CharField(max_length=32)
    create_date = models.DateTimeField(default=datetime.datetime.now)

    def __unicode__(self):
        return "%s, %s (%s)" % (self.city, self.statecode, self.zipcode) 

    class Meta:
        ordering = ['zipcode']

My “load_data.py” Python script:

# Full path and name to your csv file
csv_filepathname="/home/mitch/projects/wantbox.com/wantbox/zips/data/zipcodes.csv"
# Full path to your django project directory
your_djangoproject_home="/home/mitch/projects/wantbox.com/wantbox/"

import sys,os
sys.path.append(your_djangoproject_home)
os.environ['DJANGO_SETTINGS_MODULE'] = 'settings'

from zips.models import ZipCode

import csv
dataReader = csv.reader(open(csv_filepathname), delimiter=',', quotechar='"')

for row in dataReader:
if row[0] != 'ZIPCODE': # Ignore the header row, import everything else
zipcode = ZipCode()
zipcode.zipcode = row[0]
zipcode.city = row[1]
zipcode.statecode = row[2]
zipcode.statename = row[3]
zipcode.save()

Importing a TSV File (tab separated values) into a Django Model
This script will work for importing Excel TSV files into Django as well. Simply change the python script’s “dataReader” line to this:

dataReader = csv.reader(open(csv_filepathname), dialect='excel-tab')

About Wantbox
Wantbox is a consumer information website where users publish the things they want and other users supply purchasing recommendations, reviews and typical costs. The service covers a wide variety of consumer and business products and services. On Wantbox you can find someone to remove ice dams, remove a fallen tree limb or help you install new hardwood floors.

I really like Dreamhost’s hosting service, their nice dashboard and great customer service, but Wantbox had grown beyond shared hosting. I needed an environment that I could fully control and could no longer tolerate the downtime caused by other sites on my shared server.

I chose to move to Linode because of the competitive price, the positive experience from some friends and the great Django/Apache/MySQL StackScript setup script by Filip.

Perceptually, I noticed that the pages seemed to be loading faster, and confirmed an approximate 35% page load improvement using WebPageTest.org.

I didn’t pay much attention to GoogleBot’s reaction to this faster site hosting environment until I happened to check out Wantbox’s crawl stats today:

Not too shabby: an immediate drop in the time Googlebot spent downloading pages resulting in more pages crawled per day.

In real numbers (approximated based on the above graphs),  I saw an 83% drop in the time to download a Wantbox page which has resulted in a 200% increase in pages crawled per day. Booya!

ABOUT WANTBOX:

Wantbox is a place to post all of the things that you want and have your friends, neighbors and local merchants help you find them. Learn from other people’s shopping experiences to help you make more informed decisions. On Wantbox you can find someone to design a bathroom, install dog electric fencing or learn everything you need to find a domestic house cleaning service.

UPDATE:

Tommy asked a good question in the comments, namely, have my keyword rankings improved as a result of this speed improvement. After checking, over half of them have indeed improved while only 14% have degraded. The rest either have not changed or still do not rank.

In the end, I believe that Google felt I had too many links from my online birth announcement site into Wantbox. I removed most of the links and added “rel=nofollow” to the remaining ones. I admitted my error in a reconsideration request to Google (Google’s response to my request included below), documented specifically what I had done to fix the problem and waited it out.

Below is the graph of how the Google penalty played out. I wasn’t surprised by the 90-day duration of the penalty: I had read other reports of similar link-based actions. I didn’t expect, however, the gradual ramp-back of the the “penalty release” period. In all, it took about 4 months to get back to normal traffic.

Source: Clicky Search Traffic (my favorite analytics service)

The moral of this story? Make sure that you know Google’s Webmaster Guidelines like the back of your hand and be very careful with your site’s backlink profile.

My Google Penalty Timeline: [UPDATE]

• March 18: my site penalty started (day 0)
• March 18: Added “rel=nofollow” to the backlinks from my other site (day 0)
• April 6: Finished all site changes that may have caused a problem (day 19)
• April 10: Submitted a reconsideration request to Google (day 23)
• April 19: Received Google’s response to my reconsideration request (day 32 / day 9 after request)
• June 14: The penalty was lifted, traffic started to recover (day 88 / day 65 after request / day 56 after response)

Personally, I do not believe that my reconsideration request had any impact at all on the timing of my site’s penalty. All it did was inform me that the penalty was algorithmic and not a manual action by someone on Google’s webspam team.

I’m also not convinced that any of my site changes really mattered (NOINDEXing thin pages, NOFOLLOWing affiliate links, fixing duplicate titles, etc.) I think I collected too many backlinks too fast from one of my other sites, which triggered the penalty. If anything, the one change that mattered was adding “rel=nofollow” to most of my links from my other site.

For the truly curious: Google’s response to my reinclusion request

Subject: Reconsideration request for http://wantbox.com/: No manual spam actions found

Dear site owner or webmaster of http://wantbox.com/, We received a request from a site owner to reconsider http://wantbox.com/ for compliance with Google’s Webmaster Guidelines. We reviewed your site and found no manual actions by the webspam team that might affect your site’s ranking in Google. There’s no need to file a reconsideration request for your site, because any ranking issues you may be experiencing are not related to a manual action taken by the webspam team. Of course, there may be other issues with your site that affect your site’s ranking. Google’s computers determine the order of our search results using a series of formulas known as algorithms. We make hundreds of changes to our search algorithms each year, and we employ more than 200 different signals when ranking pages. As our algorithms change and as the web (including your site) changes, some fluctuation in ranking can happen as we make updates to present the best results to our users. If you’ve experienced a change in ranking which you suspect may be more than a simple algorithm change, there are other things you may want to investigate as possible causes, such as a major change to your site’s content, content management system, or server architecture. For example, a site may not rank well if your server stops serving pages to Googlebot, or if you’ve changed the URLs for a large portion of your site’s pages. This article has a list of other potential reasons your site may not be doing well in search. If you’re still unable to resolve your issue, please see our Webmaster Help Forum for support. Sincerely, Google Search Quality Team

It doesn’t help that I haven’t standardized on a best-practices Django layout. Dreamhost shared servers require one site structure while the Linode StackScript I use (thanks Filip) suggests another. A move from Django 1.2 to 1.3 hasn’t helped either.

On my home development environment (Debian in VirtualBox on Windows), I use Nginx to serve static media for my Django development server. Although this improves my dev server performance, it complicates the setup of a new environment.

Recently, I was struggling to get Nginx in front of Django for a new project. To help with debugging, I wanted to see the headers returned by Nginx. My Nginx configuration adds a “X-Static” header which returns a “hit” or “miss” to indicate if Nginx served the media.

To see the HTTP headers in Google Chrome, first pull up the Developer Tools pane (Control-Shift-i or Tools > Developer tools):

Next, click the “Network” button in the top row and then the page url in the left pane:

You can now see the response headers returned from the server, including my custom headers. For reference, this is my Nginx configuration:

 server {
     root         /home/mitch/projects/polurls.com/app/webapp/;
     listen       8081;
     server_name  polurls;
     gzip         off;

     location = /favicon.ico  {
         rewrite "/favicon.ico" /media/static/img/favicon.ico;
     }

     proxy_set_header Host $host:$server_port;

     location / {
       if (-f $request_filename) {
           add_header X-Static hit;
           access_log   off;
       }

       if (!-f $request_filename) {
           proxy_pass http://192.168.1.3:8082;
           add_header X-Static miss;
           add_header X-Mitch Hello_world;
       }
     }
 }

When debugging, I find it helpful to use “add_header X-Mitch $request_filename” to see what Nginx is trying to load.

AJAX in Django using jQuery

I recently created a side project to explore a few tech areas I wanted to learn more thoroughly. One of those areas was how to implement AJAX in Django using jQuery.

In a nutshell, the site, TruthTruthLie.me presents three facts about you and challenges your friends to click on the one that is a lie.

When your friend clicks on a fact, I send the clicked fact_id via AJAX to a url. A Django url pattern routes the click to a view where I check what “type” the fact is, return the result via JSON to the client and update the page dynamically without a page refresh.

Below are the stripped down page, url pattern and view that I use to get this done. You can also check out my simple but working AJAX in Django using jQuery demo page.

ajax_in_django.html:

<html>
<head>
<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.fact').bind('click', function () {
      $.get("/test/"+this.id+"/", function(data) {
        if (data.fact_type=="T") {
          guess_result="This fact is true! " + data.fact_note;
        } else {
          guess_result="This fact is false! " + data.fact_note;
        }
        $('#result')[0].innerHTML=guess_result;
      });
   });
});
</script>
</head>
<body>
  <div id="1" class="fact">I love bugs</div>
  <div id="2" class="fact">I love hugs</div>
  <div id="3" class="fact">I love pugs</div>
  <div id="result">Click on the lie!</div>
</body>
</html>

url.py:

# Process a quiz guess
  url(r'^test/(?P<fact_id>\d+)/$',
      quiz_guess,
      name='quiz_guess'),

views.py:

from django.utils import simplejson

def quiz_guess(request, fact_id):   
  message = {"fact_type": "", "fact_note": ""}
  if request.is_ajax():
    fact = get_object_or_404(Fact, id=fact_id)
    message['fact_type'] = fact.type
    message['fact_note'] = fact.note
  else:
    message = "You're the lying type, I can just tell."
  json = simplejson.dumps(message)
  return HttpResponse(json, mimetype='application/json')

This, of course, assumes that you have defined a model called “Fact”, that a fact has a “type” and “note” and that you have created the above three facts and they have IDs of 1, 2 and 3. In my real view, I do a few other things like save the click and check whether it is the first one on the quiz.

Also, in the page I do more than update the text of the “result” div. I also update the facepiles of the correct and incorrect guessors, change the percentage who guessed right/wrong and change the background of the clicked fact.

If you want to see AJAX in Django using jQuery as fully implemented, please go ahead and create a sample quiz for yourself by going here and clicking the “Make Your Own Quiz” button.

You will have to connect to the site via Facebook to create a test, but if this makes you uncomfortable, you can connect temporarily, see how it all works and then go to “Facebook > Account > Privacy Settings > Apps and Websites > Edit your settings” and revoke the connection privilege.

Pro SEO Seminar Boston

Yesterday I attended day two of Distilled’s Pro SEO Seminar in Boston. Once again, the lineup of speakers was impressive and the tips, tricks and advice was mind-blowingly awesome.

I have so many notes, ideas and tests to try coming out of this conference that I’m looking into cloning myself as an SEO intern. We all saw how well that worked out for Michael Keaton’s character in Multipicity.

Similar to the Day One Pro SEO Seminar recap that I posted yesterday, as I track down the slides for each presentation I will link to them here.  If you attended, please feel free to leave updates in the comments and I will elevate them to the post if appropriate. Each presenter’s Twitter account is linked below. Follow them.

Day Two Summary:

• “Effecting Change” – Tom Critchlow (slide deck)
• “Social Media: An Engineer’s Perspective” – Mat Clayton (slide deck)
• “Moving the Needle” – Joanna Lord (slide deck)
• “Keyword Culture” – Kate Morris (slide deck)
• “New Technologies” – Rob Ousbey (slide deck)
• “How Not to Fail at Link Bait” – Chris Bennett (slide deck)
• “Engineering Links” – Dharmesh Shah
• “Head to Head” – Will Critchlow and Rand Fishkin (slide deck, slide deck)

Effecting Change: Tom Critchlow

To keep us on our early morning, uncaffeinated toes, Tom started out the day with a last-minute title change from “Getting Things Done” to “Effecting Change” (or it might have been “Effective Change”). The three big themes of Tom’s presentation were:

1. The deliverable you are offering your SEO clients is change,
2. You (the SEO professional) are ultimately responsible for making sure that change happens, and
3. Communication solves any and all problems

A few of the top takeaways:

• Getting things done on an organizational level requires a focus on 1) process, 2) decisions and 3) assets (the website).
• Talk to people on the phone. Don’t schedule a call which will inevitably have an agenda attached, just pick up the phone and talk.
• When asking an Engineer to help you get something done, talk to them in person, explain why SEO is good for the company, describe the challenge and “game” of it all (last part from my experience).
• Write detailed specs, not strategy docs.
• When suggesting change for your client, make the path dead easy to follow. Do not say “you must expand the reach and diversity of your backlink profile and increase it 150%”. Do say “Tom in Marketing should use Quora to find journalist who are coving our industry (using this search query XXX) and contact 10 of them per day for the next two weeks, while Heather in sales reaches out to our top 100 clients and offers them our ‘Verified Seller’ badge (with backlinks) to place on their website). Crystal clear who needs to do what and when.
• You must know your client’s process cold in order to do the previous. Learn it. Know it.

Social Media: An Engineer’s Perspective: Mat Clayton

This was my favorite presentation of the two-day conference (which makes me think I should seek out a social media optimization conference next). Mat gave so many actionable tips, real data and code samples that my hand was cramped from note-taking and my head was swimming with ideas for the rest of the day. In a nutshell, Mat gets most of his traffic for Mixcloud from social media and just a little from Google search. To boot, he’s also a Django guy. Cheers!

A few of the top takeaways:

• All searches break down to either: 1) people looking to find something factual or 2) people looking to get a recommendation.
• Search engines like Google and Bing handle #1 well, while social media sites like Facebook and Twitter excel at #2.
• Relationships can be categorized on a graph with the x-axis measuring the type of relationship ranging from formal to informal, and the y-axis measuring the length of relationship ranging from short lived to long lived.
• Your friends and family occupy the most valuable quadrant of this graph: the upper right, aka “The Circle of Trust”. Can you successfully move your brand there?
• Facebook likes are a great mechanism for getting your brand into The Circle of Trust.
• If you haven’t yet, you should add the Facebook Open Graph tags to your site. They tell Facebook things like what text and images to show when visitors share your page.
• Don’t use type: “article” in your OG tags, Facebook limits how this is shared.
• Use the Facebook URL Linter to see how your pages will be shared on Facebook. I believe Mat said that using the linter to check your page will also update Facebook’s cache of it, as well, which is very helpful when you are updating your page and the cache has old data.
• When you “like” a page, Google seems to crawl and update it’s cache of it almost immediately. Good way to update content that Google may be ignoring.
• Always “like” objects, not actions.
• On a blog you should encourage “liking” of the blog or the author, not the post. A blog or author can post new content and if a user has “liked” the blog in the past, then new content can be pushed to their newsfeed even if they don’t come back and explicitly “like” the new content. This is a powerful and a brilliant recommendation.
• Define admins for your pages, which will allow you to use Facebook Insights.
• Don’t use Facebook’s default code to insert widgets, by default it is not asynchronous and will slow down your page load. Use Mat’s custom code instead.
• Stats: about 0.5% of his visitors click a “like” button, for every one click over 300 people see the “like” in their newsfeed!
• Use XFBML not Facebook’s default Javascript/iframe integration, it gives you better control and more options.
• Secret: the “like” button doesn’t have to “like” the current page, you can define it to “like” any page that makes sense (the author, the root domain). Don’t do anything dishonest, though, or your could get yourself in trouble.
• Stats: about 0.05% of people click the new Facebook “send” button, user’s don’t seem to get it. Since it is one-to-one sharing anyhow, versus a “like’s” one-to-many, it’s not worth the screen real-estate.
• Don’t use “sharer.php” us FB.ui.
• Stats: doesn’t appear to be a dropoff in conversion rate when you ask for more permissions via the Facebook Connect popup.
• They have not discovered any “toxic” permissions to ask for, but suggest you stay below 5 sections in the pop-up. A section, however, can ask for a bunch of permissions.
• When you ask for email rights in the Facebook Connect popup, Mat hasn’t seen that users actually click the “change” link and switch from their real email address to a Facebook proxy address, which is good news.

After his presentation Mat gave me a few other great nuggets:

• I asked if he thought that a site that only uses Facebook connect for login was a bad idea. He said no, on Mixcloud they do have a non-FB login system but 90% of users choose FB.
• Personally, I use Django and the third-party app “django-socialregistration” to manage my Facebook Connect implementations. Mat suggested that all the core social registration apps for Django are not good and I should write my own.
• Mat also said that dealing with Facebook is different than dealing with Google. They will still penalize you if you do something bad, but they are reasonable if you fix the problem and ask for forgiveness. Google, however, is all about the algo and the secrecy around it. And too many of us know how they are with penalties.

Fantastic presentation, Mat. If I somehow missed all of the other fabulous presentations from the conference but still caught yours, I’d still feel that I got more than my money’s worth.

I’d love to get a hold of your custom Facebook Connect code if you’d be willing to share! (UPDATE via TWITTER: “@mfournier re code, it’s pretty deeply tangled up in our code base. Use the JS sdk and fb.login to grab a access_token then send to server”)

Moving The Needle: Joanna Lord

Unfortunately, I was way too distracted by Mat’s just-completed presentation to engage in Joanna’s. I was digging through his github code when I should have been listening. Sorry Joanna! I will link her presentation when I find it so you can go through it yourself. If any commenters have some “top takeaways” I’d love to put them up here.

A few of my top takeaways:

• Check out KISSmetrics analytics, she loves it.

Keyword Culture: Kate Morris

I finally came back around towards the end of Joanna’s presentation and was fully engaged again by Kate’s. Kate offered up a bunch of great tools and strategies for keyword research and content creation ideas and gave a great tip on how to leverage eHow’s research team to create your own top ranking content.

A few of my top takeaways:

• A list of Kate’s favorite keyword research tools on Diigo.
• Cool site: trendsmap.com. Real-time local twitter trends.
• Don’t copy what your competitors are doing, they could and probably are doing it wrong.
• If you have it, track and review your internal site search keywords. It will show you what your actual visitors are looking for on your site that they may or may not be finding.
• Her eHow scraping and analysis spreadsheet. Use this tool to find where eHow ranks #1 or #2 and write a better article than they have.
• Use brightedge or spyful kombat to see what your competitors are ranking for that you are not.
• Kate’s blog post as a pre-Boston ProSEO primer.
• Follow the RSS feed of Google Trends (feed://www.google.com/trends/hottrends/atom/hourly) to keep on top of trending topics.

New Technologies: Rob Ousbey

Rob gave a nice presentation demonstrating the possiblities of new technologies for creating fast, interesting, search-friendly websites. He highlighted things like HTML5, CSS3, SVG graphics and crawlable AJAX.

A few of my top takeaways:

• Why should you care about new tech? 1) it makes your website faster, which Google loves, 2) Google likes first-moving sites and things like HTML5 video are easier for them to crawl and process, and 3) it’s cool and people like linking to cool stuff!
• Suggested we try saving infographics as an SVG which will allow you to embed links and some level of dynamic behavior.
• Cool HTML5 site: benthebodyguard.com. This site has over 14K tweets and 17K likes.
• Cool HTML5 site: mag.reevoo.com an HTML5 magazine.
• Demonstrated AJAX then and now, suggested using jQuery which makes it super easy to do.
• Listed some APIs that he’s found very useful: twilio (make and receive calls), rapleaf, qwerly (more info about your email list) and some Google APIs.
• Specifically pointed out the value of qwerly and suggested that the first thing everyone do when they got back to work was to pass their company’s email list through the service. Among other things, this will let you know which customers also have Twitter accounts so you can customize a message to them in your next company email blast saying “and follow us on Twitter here”.
• Another qwerly example for a fictional ski shop: find out via qwerly which customers are on spotify, create a “music to shred by” playlist and email it to the spotify-enabled customers.
• Talked about Google’s HTTP alternative SPDY, suggest we make a simple site in SPDY because it will be fun and different and user will link to it.
• Talked a bit about the benefits of polling (e.g. Google’s pubsubhubbub) and the efficiency and bandwidth reduction that can come from using it. Instead of the client pinging the server asking multiple times. Tom Critchlow mentioned that his non-push site Distilledlive had already used 3GB of bandwidth in 1.5 days for our smallish conference.
• Made a cool site Linkstant using pusher.com which used polling to automatically update the page whenever a site linked to it. Very cool, you see me there somewhere?

How Not to Fail at Link Bait: Chris Bennett

Chris gave a fun presentation about some infographic projects he has been involved in. He described his process, showed some infographics that worked well for his clients and showed a few bad examples, explaining how he would have changed them to make them better.
A few of my top takeaways:

• Base your project on: 1) good data, 2) good design, 3) a topical event, 4) a complex idea.
• If it is interesting data that would be boring to read in text, maybe an infographic is needed.
• Good example: “The Anatomy of a Perfect Landing Page” done for Formstack.
• Why infographics fail: 1) too much info, 2) not enough info, 3) bad design, 4) bad promotion
• Bad example: top selling candy bars (see his presentation for an image).
• How to improve? Add: top sellers by region, top sellers over time, how much does a machine gross, what was the most stolen candy bar, how small did you arm have to be to reach up and steal the candy…
• Good example: “The Perils of Being a Lefty” for ChaCha.
• Good example: “The Social Landscape” for CMO. Worked so well, they did a second one with updated data.
• Good example: “How Do I Win at Rock, Paper, Scissors Every Time” for ChaCha.
• Good example: “How Much is a Petabyte” for Mozy.
• Key takeaway: don’t sell, don’t push ads, don’t put a form anywhere near the graphic. It can’t be salesy AT ALL if you want it to take off.
• For Mozy, they originally didn’t have Mozy listed in the inforgraphic at all. Only after it reached the tipping point did they reference Mozy.
• After you hit the tipping point you can quietly add in links to other areas of your site. Don’t over do it, though.
• Webdev related graphics are easier to get to a tipping point because the audience is more socially connected online.

After his presentation, I asked Chris what the first thing he does once he has a good infographic ready to go. He said that although a really good one might take off with a single post to reddit, most of the time he relies on influencers in the space and past sharers to spread his work.

He stressed that, even before you start making your infographics, you and your team members invest the time to build relationships with some rainmakers. Follow them on Twiiter and their blogs, retweet the stuff you find interesting, make thoughtful comments on their blog posts. He suggested that you can also offer to include a link in or around the infographic promoting them or their company if they pick it up.

NB: Chris’ bad example infographic on government health care reform was certainly designed poorly on purpose by the GOP to make the Democrat’s health care reform look complicated, bureaucratic and bad in itself. Sneaky little f-ckers, aren’t they? Did they put “death panels” and “killing grandma” in there? Here’s Ezra Klein’s nice infographic of the GOP Health Care plan. Ah, but that’s a topic for another one of my websites.

Engineering Links: Dharmesh Shah

I had never seen Dharmesh speak before, so I was really looking forward to his presentation. Besides being the most beautiful presentation of the two day seminar, it was also filled with many great tips about how to build and ship cool tools and products to drive your link building efforts.

A few of my top takeaways:

Head to Head: Will Critchlow vs. Rand Fishkin

On it’s face, this was a battle between Will and Rand as to which SEO pro could devise the better strategy for improving the search performance of a difficult to optimize industry: jobs (Will) and men’s fashion (Rand).

Lurking just below the surface, however, this was an epic confrontation between European Socialism and American Capitalism … tea versus coffee … football played with feet versus football played with hands … The Queen versus Queen Latifah. The tension in the room was palpable and the presenters rose to the occasion.

Will kicked it off describing the problems in the job listing space (expiring content, duplicate content, a difficulty getting job seekers to link to you) and presented a mix of specific advice to his theoretical job site and general advice for any site.

For me, his “ah ha” revelation was structuring his job-site search algorithm by using an internal pagerank-like system that was influence by links and social signals. If a posting company wanted their listings higher on the job site’s search results, they should link and tweet about the company and post. This would have the dual benefit of raising their posting versus competitive posts on the site, and raising the site on Googles SERP. Brilliant.

He also encouraged companies that were always hiring to post “evergreen” job listings on this service.

Rand took a much more focussed approach, starting out his presentation with a low-blow but good-natured tear-down of Will sartorial sense. He then gave 15 examples from 15 different sites of things he wanted in his men’s fashion site haberdashing.com. (Funny side note: Rand didn’t actually secure the domain haberdashing.com although he thought he did. I think he got haterdashing.com. Never domain-buy when sleepy, Rand. Rookie mistake : )

After going through his 15 must-haves, he did the big reveal on his wireframe. All-in-all, his presentation was much more focussed on his theoretical company and his energy and passion pushed him over the top.

By what I estimated as 3 to 1 margin, Rand won this challenge handily. Hats off to Will, however, for sacrificing a win by making sure that his presentation tips were applicable to a wide range of attendees in the audience, not just those in the jobs space. Way to take one for the team, mate.

A few of my top takeaways:

• Will: relevant old presentation: “Why You Should Love SEO“.
• Will: Cool site for interactive graphics: tableausoftware.com.
• Will quote of the day: “Don’t throw away the awesome” – making your sites beautiful is awesome, don’t skip it.
• Will: cool site of a data-driven guy: NeilKodner.com.
• Will: use punchtab for user engagement and rewards.
• Will: t-shirts rock for building a community (http://dis.tl/mGiOXz, http://dis.tl/laIDOj, http://dis.tl/mzc2TP).
• Will: your site should have an API.
• Rand: all content should be written as well as Oyster.com does.
• Rand: the inconsistent rewards of Angry Birds is frustrating and utterly addicting.
• Rand: “Webtrends is the new beautiful”.
• Rand: Sparkbuy has the best faceted search.
• Rand: Use unbounce.com for landing page optimization.
• Rand: Find journalist talking about your niche via Quora, Twitter and Google.
• Mitch: I think I’ve written enough and I doubt anyone has even read this far down. If so, tweet me a hello and a good band recommendation to prove it

And so ended Distilled’s Pro SEO Boston Seminar. I said it in my first post and I’ll reiterate it here: Distilled knows how to put on a fantastic conference. Everything about this event was top notch, starting with the quality of the presenters and material, but stretching to the “small things” like the scheduling of the day (plenty of short breaks and excellent refreshments to keep us going), great printed and web material (thanks Tom for hacking together Distilledlive.com) and fun after-hours events.

Great job all-around lads and ladies. I look forward to the next Boston Distilled event!