Digital Resources: Website Code Editing

Code Editing Tools and Resources

Code Editing software is a text editor program designed specifically for editing website source code. Typically used by programmers, this page will focus on software typically used by SEO's and online marketers to do source code edits as they pertain to marketing and SEO.

Common source code edits when not in a content management system (CMS) are:
  • Canonical Tag
  • H1 Headings
  • Internal Links and Anchor Text
  • Image Alt Tags
  • Meta Descriptions
  • Nofollows
  • Title Tags
Free open Source Code Editor: Brackets
TOP FREE CODE EDITING SOFTWARE'S
Araneae is a simple, yet powerful text editor, providing features necessary to create websites and scripts.
EditPad Lite is a compact general-purpose text editor. Use EditPad Lite to easily edit any kind of plain text file.
ATPad is a simple Notepad replacement but it provides many additional features.
KomodoIDE is a powerful editor that supports all your major languages,
Commands for viewing source code by browser:
For viewing source code on a PC
  • Firefox – CTRL + U (Meaning press the CTRL key on your keyboard and hold it down. While holding down the CTRL key, press the “u” key.) Alternatively, you can go to the “Firefox” menu and then click on “Web Developer,” and then “Page Source.”
  • Internet Explorer – CTRL + U. Or right click and select “View Source.”
  • Chrome – CTRL + U. Or you can click on the weird-looking key with three horizontal lines in the upper right hand corner. Then click on “Tools” and select “View Source.”
  • Opera – CTRL + U. You also can right click on the webpage and select “View Page Source.”
For viewing source code on a Mac
  • Safari – The keyboard shortcut is Option+Command+U. You also can right click on the webpage and select “Show Page Source.”
  • Firefox – You can right click and select “Page Source” or you can navigate to your “Tools” menu, select “Web Developer,” and click on “Page Source.” The keyboard shortcut is Command + U.
  • Chrome – Navigate to “View” and then click on “Developer” and then “View Source.” You also can right click and select “View Page Source.” The keyboard shortcut is Option+Command+U.
More Code Editing Information and Tips
Website schema code resources:
JSON - creates a network of standards-based, machine-readable data across websites
JSON-LD Schema Generator For SEO