Top Banner
#SMX #25A @portentint Force-directed diagrams for teaching & analysis ADVANCED SEO VISUALIZATION
73

Advanced Site Analysis with Force-Directed Diagrams

Jan 15, 2017

Download

Business

Ian Lurie
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Force-directed diagrams for teaching & analysis

ADVANCED SEO VISUALIZATION

Page 2: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Ian Lurie

@portentint portent.com

Page 3: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Slides at: http://portent.co/fd-slides

Page 4: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

I AM NOT A PROFESSIONAL

Page 5: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

A STORY AS OLD AS ME

Page 6: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

There is orphaned

content. It’s important.

Page 7: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

how the @#!$(!! do I explain this?

Page 8: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 9: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB ISN’T JUST ABOUT BEING

RIGHT

Page 10: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB IS ABOUT BEING

UNDERSTOOD

Page 11: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

FORCE DIRECTED DIAGRAMS

Page 12: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

AS A TEACHING TOOL

Page 13: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 14: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

SHOW IT

ORPHANED CONTENT

Page 15: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

“I GET IT”

Page 16: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

AS A DIAGNOSTIC TOOL

Page 17: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

I don’t wanna look

through the log file!

Page 18: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 19: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

PAGINATION TUNNEL

Page 20: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

INFINITELY EXPANDING URLS

Page 21: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

INFINITELY EXPANDING URLS hey

handsome

Page 22: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB ISN’T JUST ABOUT BEING

RIGHT

Page 23: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB IS ABOUT BEING

UNDERSTOOD

Page 24: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

HOW-TO

Page 25: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

HOW-TO (IN 6 MINUTES)

Page 26: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GRAVITY, REPULSION, EDGES

Page 27: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

NODE (URL)

EDGE (LINK)

Page 28: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GRAVITY

can’t… escape…

Page 29: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

REPULSION get away!!!

Page 30: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GEPHI

Page 31: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

STEP 1: Create edges & nodes

Page 32: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

SCREAMING FROG

Page 33: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 34: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

SCREAMING FROG

Page 35: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Source Destination

CPU ABUSE

Page 36: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

DEDUPE EDGES

Page 37: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GET NODE ‘WEIGHT’

Page 38: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

ADD IT TO THE EDGES SHEET

Page 39: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

EXPORT

Page 40: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THE SHEET

http://portent.co/forcexls

Page 41: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

STEP 2: Generate your graph

Page 42: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GEPHI.GITHUB.IO

Page 43: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 44: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 45: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 46: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 47: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

IMPORT

Page 48: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

IMPORT

Page 49: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

IMPORT

Page 50: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GENERATE

Page 51: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

GENERATE

Page 52: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 53: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

gaaah wtf

Page 54: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 55: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 56: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 57: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 58: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 59: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 60: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 61: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 62: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

Page 63: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THE GRAPH

http://portent.co/gephi-pi

Page 64: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THIS IS UGLY

Page 65: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THIS IS NOT A SITE MAP

Page 66: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

CPU ABUSE

Page 67: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

< 4500 URLS

Page 68: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

40000 URLS

Ubuntu 6-core Xeon 128GB RAM

2x GPUs

Page 69: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

WHY DO IT?

Page 70: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB ISN’T JUST ABOUT BEING

RIGHT

Page 71: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

OUR JOB IS ABOUT BEING

UNDERSTOOD

Page 72: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THANK YOU!

SEE YOU @SMX WEST SAN JOSE, CA

MARCH 1-3, 2016

Page 73: Advanced Site Analysis with Force-Directed Diagrams

#SMX #25A @portentint

THANK YOU!

SEE YOU @SMX WEST SAN JOSE, CA

MARCH 1-3, 2016

Oh, also: Portent’s hiring SEOs, PPCs & all around smarty-pants